1.for循环概述

  • 重复执行某些代码,通常跟计数有关系;
  • 语法结构

for (初始化变量;;条件表达式;;操作表达式;{
循环体; }

  • 初始化变量 就是用var 声明的一个普通变量,通常用于作为计数器使用;
  • 条件表达式 就是用来决定每一次循环是否继续执行 就是终止条件;
  • 操作表达式 是每次循环最后执行的代码 经常用于我们技术器变量进行更新(递增或者递减)打印
<script>
 for (var i = 1; i <= 1000; i++) {
            console.log('我太帅了');
        }
 </script>

java 双重for 循环 break javascript双重for循环_前端


for 循环 可以重复执行不同的代码 因为我们有计数器变量 i 的存在 ,i 每次的循环值都在变化;

<script>
for(var i=1;i<=10;i++){
            console.log('这是我今天抽的第'+i+'根寂寞牌香香');
        }
</script>

java 双重for 循环 break javascript双重for循环_javascript_02


2.双重for循环

但是很多情况下,单层 for 循环并不能满足我们的需求,比如我们要打印某些大佬口中幼稚园级别的倒三角、九九乘法表等此时就可以用循环嵌套来实现;

  • 嵌套循环 是指在一个循环语句中再定义一个循环语句的语法结构,这样的for循环语句 我们称之为双重for循环
  • 语法结构

for (外层的初始化变量;外层的条件表达式;外层的操作表达式){
      for (里面的初始化变量;里面的条件表达式;里面的操作表达式){
执行语句;
             }
}

  • 我们可以把里面的循环看作是外层循环的语句;
  • 外层循环一次,里面的循环执行全部;
<script>
for (var i = 1; i <= 2; i++) {
            console.log('这是外层循环的第' + i + '次');

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

                console.log('这是里面循环的第' + j + '次');
            }
        }
</script>

java 双重for 循环 break javascript双重for循环_java 双重for 循环 break_03


  • 我们按照九九乘法表的样式先做一个直角三角形
<script>
        var MUL = '';
        for (var i = 1; i <= 9; i++) {			// 外层循环控制行数 一共9行

            for (var j = 1; j <= i; j++) {			//  里面的循环控制一行的个数    第一行1个,第二行2个,第三行3个……
                MUL = MUL + '▲';
            }
            MUL = MUL + '\n';			//  '\n' 换行符

        }
        console.log(MUL);
    </script>
  • 大家注意里层的条件表达式 j <= i ; 不管外层循环几次里面的循环次数和外层是相等的,外层循环1次,里面循环也是1次,外层循环到第9次,那么里面也循环9次;
  • 接下来我们把公式代入进去
<script>
        var MUL = '';
        for (var i = 1; i <= 9; i++) {

            for (var j = 1; j <= i; j++) {
                MUL = MUL + j + '×' + i + '=' + i * j + '\t';
            }
            MUL = MUL + '\n';
        }
        console.log(MUL);
    </script>

java 双重for 循环 break javascript双重for循环_前端_04


perfect !

3.for 循环总结

  • for 循环可以重复执行某些相同的代码
  • for 循环可以重复执行些许不同的代码、因为有计数器
  • 双重 for 循环、外层循环一次、内层for循环全部执行一次
  • 分析比写代码更重要