利用for循环能做的事情!

JS中的循环
在JS中，主要有三种类型的循环语句:

• for 循环
• while 循环
• do_while

for循环

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

  <script>
        //1.for 重复执行某些代码。通常跟计数有关系
        //2.for 语法结构
        // for (初始化变量; 条件表达式; 操作表达式) {
        //循环体
        // }
        //3.初始化变量 就是用var声明一个普通变量，通常用于作为计数器使用
        //4.条件表达式 就是用来决定每一次循环是否继续执行 就是终止的条件
        //5.操作表达式 每次循环最后执行的代码 经常用于我们计数器变量进行更新 (递增或者递减)  
        //代码体验 我们重复打印100句你好
        for (var i = 1; i <= 100; i++) {
            console.log('你好吗');
        }
        //1.首先执行里面的计数器变量 var i = 1 但是这句话在for 里面只执行了一次 index
        //2.去i < 100 来判断变量 var i =1 但是满足条件 就去执行 循环体 不满足条件退出循环
        //3.最后去执行i++ i++是单独写的代码 递增 第一轮结束
        //4. 接着去执行 i <= 100 如果满足条件 就去执行 循环体 不满足条件退出循环 第二轮 
    </script>

断点调试

断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。

断点调试可以帮我们观察程序的运行结果
浏览器中按F12–>sources–找到需要调试的文件–>在程序的某一行设置断点。
Watch:监视，通过watch可以监视变量的值的变化，非常的常用dai
F11:程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。
代码调试的能力非常重要，只有学会了代码调试，才能徐汇自己解决bug的能录，出血之不要觉得调试代码麻烦就不去调试，知识点花点时间肯定学的会，但是代码调试这个东西自己不去练习，就永远不能掌握。

for 循环重复某些相同操作

for循环因为有了计数器的存在，我们还可以重复的执行某些操作，比如做一些算数运算

script>
        //1.for 重复执行某些代码。通常跟计数有关系
        //2.for 语法结构
        // for (初始化变量; 条件表达式; 操作表达式) {
        //循环体
        // }
        //3.初始化变量 就是用var声明一个普通变量，通常用于作为计数器使用
        //4.条件表达式 就是用来决定每一次循环是否继续执行 就是终止的条件
        //5.操作表达式 每次循环最后执行的代码 经常用于我们计数器变量进行更新 (递增或者递减)  
        //代码体验 我们重复打印100句你好
        // for (var i = 1; i <= 100; i++) {
        //     console.log('你好吗');
        // }
        //1.首先执行里面的计数器变量 var i = 1 但是这句话在for 里面只执行了一次 index
        //2.去i < 100 来判断变量 var i =1 但是满足条件 就去执行 循环体 不满足条件退出循环
        //3.最后去执行i++ i++是单独写的代码 递增 第一轮结束
        //4. 接着去执行 i <= 100 如果满足条件 就去执行 循环体 不满足条件退出循环 第二轮
        //for 循环可以执行相同的代码
        // for (var i = 1; i <= 10; i++) {
        //     console.log('潘凯是个大帅逼');
        // }
        //我们可以让用户控制输出的次数 
        // var num = prompt('请您输入次数');
        // for (var i = 1; i <= num; i++) {
        //     console.log('潘凯是个大帅逼');
        // }
        for (var i = 1; i <= 100; i++) {
            if (i == 1) {
                console.log('这个人今年1碎了,他出生了');
            } else if (i == 100) {
                console.log('这个人今年100岁了,他死了');

            } else {
                console.log('这个人' + i + '岁了');

            }
        }
    </script>

双重for循环

很多情况下，单层for循环不能满足我们的需求，比如说我们要打印一个5行5列的图形、打印一个倒直角三角形等，此时就可以通过循环嵌套来实现。

<script>
        // for (var i = 1; i <= 5; i++) {
        //     console.log('⭐');

        // // }
        // var str = '';
        // for (var i = 1; i <= 5; i++) {
        //     str = str + '⭐';
        // }
        // console.log(str);
        var num = prompt('请输入星星的个数');
        var str = '';
        for (var i = 1; i <= num; i++) {
            str = str + '⭐'
        }
        console.log(str);
    </script>

总结

• for循环可以重复执行某些相同的代码
• for循环可以重复执行些许不同的代码，因为我们有计数器
• for循环可以重复执行某些操作，比如算数运算符加法操作
• 随着需求增加，双重for循环可以做更多更好看的效果
• 双重for循环，外层循环一次，内层for循环全部执行
• for 循环时循环条件和数字直接相关的循环
• 分析要比写代码更重要
• 一些核心算法想不到，但是要学会，分析它执行过程。