双重循环嵌套执行原理-逆战班

最新推荐文章于 2022-09-20 19:58:09 发布

慕青夏

最新推荐文章于 2022-09-20 19:58:09 发布

阅读量385

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_43662452/article/details/105015941

版权

for循环是JS当中常用的循环语句，要了解双重循环的执行原理，我们先要了解单重循环的执行原理

放入一个例子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        for(i=1;i<=8;i++){
            document.write(`第${i}次循环`)
            document.write('</br>')
        }
    </script>
</body>
</html>

效果如图
在这里插入图片描述
简述单层循环过程

进入for循环，执行循环语句判断
当循环语句判断为true时输出结果
当第一次循环执行完毕后执行第二次，直至循环语句判断为false时结束

双重循环执行原理与单层循环一致，双重循环就是单层循环里再嵌套一层单循环

例子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        for(i=1;i<=8;i++){
            document.write(`第${i}次循环`)
            document.write('</br>')
            for(j=1;j<=4;j++){
                document.write(`第${i}次里面的第${j}次循环`)
                document.write("&nbsp")
                document.write('</br>')
            }
            document.write('</br>')
        }
    </script>
</body>
</html>

效果如图
在这里插入图片描述
双重循环过程
//外层循环开始
1.执行i变量的循环语句进行判断
2.执行结果为true，输出i变量的结果
//外层第一次循环结束

//内层第一次循环开始
3.执行j变量的循环语句
4.执行结果为true，输出j变量的结果
5.直至j变量的执行结果为false时结束

//双重循环的第一次循环结束
。。。。。
以此类推，直至i变量的执行结果为false结束

注意：
1, 当外层循环体执行一次循环时 , 内层循环体执行所有的循环
2, 当内层循环执行时,外层循环数值是保持不变的
3, 内层循环体的循环变量,往往与外层循环变量相关联

慕青夏

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
双重循环嵌套执行原理-逆战班

for循环是JS当中常用的循环语句，要了解双重循环的执行原理，我们先要了解单重循环的执行原理放入一个例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt...
复制链接

扫一扫