双重for循环及其案例

最新推荐文章于 2024-06-11 19:36:34 发布

原创最新推荐文章于 2024-06-11 19:36:34 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

26 篇文章

订阅专栏

本文通过三个实例介绍JavaScript中的双重for循环应用：一是实现经典的九九乘法表，二是展示如何打印不同形状的图形，三是构建三角形。通过这些案例，读者可以更好地理解循环控制和字符串输出在编程中的运用。

for(var i = 1; i<= 3; i++){
            console.log('外层循环 i ',i);
            for(var j = 1; j<=2; j++){
                console.log(i,'内层循环 j ',j);
            }
        }

案例一--九九乘法表

1x1=1

2x1=2 2x2=4

3x1=3 3x2=6 3x3=9

4x1=4 4x2=8 4x3=12 4x4=16

5x1=5 5x2=10 5x3=15 5x4=20 5x5=25

6x1=6 6x2=12 6x3=18 6x4=24 6x5=30 6x6=36

7x1=7 7x2=14 7x3=21 7x4=28 7x5=35 7x6=42 7x7=49

8x1=8 8x2=16 8x3=24 8x4=32 8x5=40 8x6=48 8x7=56 8x8=64

9x1=9 9x2=18 9x3=27 9x4=36 9x5=45 9x6=54 9x7=63 9x8=72 9x9=81

// console.log('1x1=1');
        // console.log('2x1=1 2x2=4');
        // console.log('3x1=3 3x2=6 3x3=9');

        //外层循环 负责打印行
        for(var i = 1; i<= 9; i++){
            //内层循环 打印每行显示的内容， 
            for(var j = 1; j <= i; j++){ 
                document.write(i + 'x' + j + '='+ (i*j) + ' ')
            }
            document.write('<br>') //换行
        }

案例二--打印图型

***

****

*****

******

//外层循环 打印行6
        for (var i = 1; i <= 6; i++) {
            //内层循环打印列, 
            //规律: 第一行打印 1列, 2行2列 3行3列  i  j<=i
            for (var j = 1; j <= i; j++) {
                document.write('*')
            }
            document.write('<br>') //换行
        }

案例三--三角型

***

*****

*******

*********

思路: 外层循环打印行

for(var i = 1; i<=5; i++){

for(var j = 1; j < start; j++){

document.write('*')

}

行号空格星

i :1 k: 4 j: 1

2 3 3

3 2 5

4 1 7

5 0 9

5-i 2*i-1

for (var i = 1; i <= 5; i++) {
            //打印空格  k: 4 
            for(var k = 1; k<=5-i; k++){
                document.write('&nbsp;')
            }
            //打印星号
            for (var j = 1; j <= 2*i-1; j++) {
                document.write('*')
            }
            document.write('<br>')

        }