JavaScript循环之for循环

JavaScript循环之for循环

JavaScript循环是学习js的过程中一个非常重要但是一定需要理清思路一块重难点，需要一定的逻辑思维能力。

---

1、 for循环 重复执行某些代码，通常跟计数有关系

在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件，由循环体及循环的终止条件组成的语句，被称之为循环语句。

//语法结构：

for（初始化变量；条件表达式；操作表达式）{

   //循环体

}

初始化变量：用var声明一个变量，用于作为计数器使用

条件表达式：决定每一次循环是否继续执行，终止的条件

操作表达式：每次循环最后执行的代码，通常用于我们计数器变量进行更新（递增或者递减）

！important 循环顺序：初始变量只执行一次执行完之后执行条件表达式，然后进入循环体，再执行操作表达式。

for循环相同的代码

  <script>
       //for 循环可以执行相同的代码
        for (var i = 1; i <= 10; i++) {
            console.log('hello');
        }
    </script>

在谷歌浏览器检查结果：输出十次重复相同的你好

用户也可以通过输入次数控制输出的次数：

 //我们可以让用户控制输出的次数
         var num = prompt('请输入次数：');
         for (var i = 1; i <= num; i++) {
             console.log('你好');
         }

输入2
结果：

for循环不相同的代码

       //输出以一个人1-10岁
        for (var i = 1; i <= 10; i++) {
            console.log('今年' + i + '岁了！');
        }

结果：

双重for嵌套

循环嵌套是指在以一个循环语句中定义一个循环语句的语法结构。

       //双重for循环 语法结构
        for (外层的初始变量; 外层的条件表达式; 外层的操作表达式) {
            for (内层的初始变量; 内层的条件表达式; 内层的操作表达式) {
                //执行语句
            }
        }

外面的循环一次里面的循环全部

列举一个非常经典的例子：打印一个n行n列的星星⭐
如四行四列：
⭐⭐⭐⭐
⭐⭐⭐⭐
⭐⭐⭐⭐
⭐⭐⭐⭐

    //打印一个四行四列的星星
        var str = '';
        for (var i = 1; i <= 4; i++) {
            for (var j = 1; j <= 4; j++) {
                str += '⭐';
            }
            str += '\n';
        }
        console.log(str);

结果：

利用双for嵌套我们可以做一个九九乘法表出来，想知道怎么实现的嘛？期待一下，下篇见鸭！