JavaScript里面的 for循环 | 双重for循环

1 : for 循环

书写方式 :

 // 语句 1
for( 初始值 ; 条件判断 ; 操作表达式) {
    // 语句 2
}

1.1 : 讲解
1 . for循环的初始化变量 : 就是用一种声明方式声明一个普通的变量 . 常用于作为计数器的使用
2 . 条件表达式 : 就是用来决定每一次判断是否继续执行 . 就是终止条件
3 . 操作表达式 : 每次循环最后执行的代码 . 经常用于我们计数器变量进行更新可(递增或者递减)

注意 : **如果条件表达式不成立那将是死循环导致你的电脑崩溃欲哭**

那我就做一个自我电脑牺牲给你们演示一番

31.png

网页一直在爱的魔力转圈圈 根本跟不下来 所以各位小伙伴一定要注意 . 电脑配置不好的小伙 请勿尝试

1.2 : 我们回归正题 | 视图 (不多逼逼直接干) 仔细看

27.png

看不懂 ??? 继续干呗 (这会可仔细点了)

28.png

用鼠标跟着图示上的箭头走 (红线是第一次循环) - (蓝色是第二次循环) 慢慢的 慢慢的 就恍然大悟了

1.3 有什么作用?
for 循环可以进行一些重复执行某些相同的代码
for 循环可以重复许多不同的代码 . 因为咱有计数器
for 循环重复执行某些操作 . 比如算数运算符加法操作

2 : 双重for循环

书写方式 :

 // 语句 1
for(外层变量 ; 外层判断 ; 外层操作表达式) {
    for(里层变量 ; 里层判断 ; 里层操作表达式){
          // 语句 2
    }
}

2.2 : 讲解
敷衍的一句话 : 就是把里面的循环看做是外层的语句 . 外层循环一次 | 里层的循环执行全部

2.3 : 视图 (不多逼逼直接干) 仔细看

29.png

看不懂 ??? 继续干呗 (这会可仔细点了)

30.png

咳咳咳~ 场面有点混乱 | 不慌咱们还是老套路鼠标跟着箭头走 { 从蓝色的外层循环开始 } 实在看不懂就在看看上面那个视图~

2.4 有什么作用?
for 随着需求增加 . 双重for循环可以做的更多
双重for循环条件和数值直接相关的循环一些核心算法想不到 . 但是要学会分析它的执行过程
如果靓仔大佬你觉得这对你来说太简单了可以玩玩 3重 | 4重 | 5重 | 哈哈哈

3 : break 语句

一句话概括 : 当某个循环遇见了 break 就会立即结束循环不管条件判断是否已达到需求
3.1 书写方式

32.png

3.2 示例代码

33.png

4 : continue 语句

一句话概括 : 当某个循环遇见了 continue 语句就会跳过当前循环如果条件未达到则会继续执行下一次循环

4 .1 示例代码

34.png

这些语句可联合灵活使用

后续一定更加精致不喜勿喷
留下大佬您最好的建议给予我这个{ 萌新 }最好的帮助
今日打卡 : 2020.05.25