JS基础 -- 嵌套for循环练习

<script type="text/javascript">
        /*
         * 打印99乘法表
         * 1*1=1
         * 1*2=2 1*3=3
         * ....
         * 外层for循环
         * 在九九乘法表中最小相乘数是 1,那在创建条件表达式时,要设置的值为 1,
         * 九九乘法表最大的相乘数是 9,所以在for循环中需要以 9 为最大数,
         * 
         * 内层for循环
         * 和外层循环基本是一样的,最小相乘数是 1,最大的相乘数需要用 i 来代替,
         * 为什么要用 i 来代替,是因为内层循环是控制乘法表的宽度,所以需要 i 来代替。
         * 
         * 外层循环一次 i 的值是 1,内层循环根据 i 的值,来循环次数,也就是说 i 值是 1 ,内层循环一次,
         * i 值是 2,内层循环两次,i 值是 3,内层循环三次,以此类推直至到 i 的值是最大数时停止循环
         */
        //创建外层循环,用来控制乘法表的高度
        for(var i = 1; i <= 9; i++) {
            //创建一个内层循环来控制乘法表的宽度
            for(var j = 1; j <= i; j++) {
                /*
                 * 如果不是很清楚,可以在这里打印一下 i 和 j 的值是多少
                 */
                alert('i:'+i+'; j:'+j);
                /*
                 * 在向页面输出时,如何显示成 1*1=1;1*2=2;1*3=3;
                 * 这里就需要拼接来完成左后的工作,如何拼接,首先要知道相乘的第一个数是从哪里获取
                 * 要想获取第一个数,那么就要先来看看外层for循环的条件变量 i,当 i 的值是1,那内层就循环1次,
                 * 当 i 的值是 2,那内层就循环2次。而内层循环 j 每次在循环时都需要从 1 才是循环,所以相乘的
                 * 第一个数需要设置为 j ,相乘的第二个数需要设置为 i 。等号后面的结果需要写 i 乘以 j的和
                 * 
                 */
                document.write('<span>' + j + "*" + i + '=' + i * j + '</span>');
            }
            document.write('<br />');
        }
    </script>
    <style type="text/css">
        body {
            width: 1200px;
            margin: auto;
        }
        
        span {
            display: inline-block;
            width: 80px;
        }
    </style>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 当39岁的我得知自己怀上老二时,心情除了惊喜就是放松的,作为养了老大的过来人,再去吸收些新的育儿理念,觉的再养个老...
    冬阳一缕阅读 406评论 0 1
  • 假如没有月亮 谁将为我传递 思念的光 假如没有群星 谁将为我找寻 那迷失的方向 假如没有阳光 谁将为我烘干 潮湿的...
    南山叶子阅读 457评论 2 24
  • 不知你是否见过这样一个女子,樱红的唇,小巧的鼻,比夜色更黑的深瞳,不过让人更注目的是她的衣裳,如血的嫁衣,裙摆足足...
    邵小妮er阅读 249评论 2 4
  • 在教室旁边的走廊上,我穿着一条绣了花的蓝色裙子,正在和同学说话,隔壁班一个同学走过来看到我说,这是杨娟吧。 我当时...
    藤木同学阅读 261评论 0 0
  • 我们知道,很多好看的倒影风景照片都出现在单反风景大片里 那么手机怎拍倒影呢? 我们几个朋友出游,朋友给我看了他用手...
    明先森吖阅读 9,285评论 9 6