JS基础---for循环

循环—for

for循环基本使用

1. 语法

   <script>
           for(声明记录循环次数的变量(例：let i = 0); 循环条件(例：i < 10); 变化值(例：i++)){
               循环体: console.log(i);
           }
       </script>
   

2. 好处

   把声明起始值、循环条件、变化值写到一起，相比于while，更容易让人一目了然

3. for循环和while循环两者的区别

   • 当如果明确了循环的次数的时候推荐使用for循环

   • 当不明确循环的次数的时候推荐使用while循环

退出循环

1. continue

   跳过本次循环，继续开启下次循环。例如，本来你跟你朋友一起约了跑十圈，但是你跑了第三圈的时候去接了个电话，当你接完电话回来，你朋友已经在跑第四圈了，所以你就跳过了第三圈，直接跑第四圈

   当然，如果我们想要跳过本次循环，不一定需要通过continue来实现，if else，也能实现类似的功能

2. break

   终止本次循环。例如，本来你跟你朋友一起约了跑十圈，但是你跑了第三圈的时候想起家里煤气没关，直接就不跑，关煤气要紧。

   如果可以使用break的情况下，尽量使用break，因为break会彻底终止剩下的循环，其性能也更加好

   使用场景参考

    <script>
        // 求所有偶数的和，大于200的时候停止计算

        let sum = 0 

        for(let i = 1; i < 100; i++){
            sum += i
            console.log(`第${i}次，和为${sum}`);
            if(sum > 200){
                break
            }
        }

        let sum = 0 
        for(let i = 1;i < 100; i++){
            if(i % 2 !== 0){
                continue
            }
            sum += i
        }

        console.log(sum);
    </script>

循环嵌套

一个循环里再套一个循环

    <script>
        for(声明记录循环次数的变量(例：let i = 0); 循环条件(例：i < 10); 变化值(例：i++)){
            for(内部声明记录循环次数的变量(例：let j = 0); 循环条件(例：j < 5); 变化值(例：j++))
            循环体: document.write('☆')
        }
    </script>