JavaScript 循环总结

目录

1、for循环

案例：

2、while and do while

案例：

3、continue关键字

4、break关键字

---

1、for循环

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

案例：

1、打印学生成绩

    <script>
        var num = prompt('请输入班级的总人数：'); //班级总人数
        var sum = 0;    //求和的变量
        var average = 0;   //求平均值的变量
        for (var i = 1; i <= num; i++) {
            var score = prompt('请您输入第' + i + '个学生成绩');
            // 因为我们从prompt取过来的是字符串型，要把它转换成数字型
            sum = sum + parseFloat(score);
        }

        average = sum / num;
        alert('班级的总分为' + sum);
        alert('班级的平均分为' + average);
    </script>

2、打印几行几列星星

    <script>
        var str = '';
        var rows = prompt('请输入行数：');
        var cols = prompt('请输入列数：');
        for (var i = 1; i <= rows; i++) {
            for (var j = 1; j <= cols; j++) {
                str = str + '星';
            }
            str = str + '\n';
        }
        console.log(str);
    </script>

3、打印倒三角形

<script>
        var str = '';
        for (var i = 1; i <= 10; i++) {
            for (var j = i; j <= 10; j++) {
                str += '星';
            }
            str += '\n';
        }
        console.log(str);

    </script>

4、打印九九乘法表

<script>
        var str = ''
        for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                str += j + 'x' + i + '=' + i * j + '\t';
            }
            str += '\n';
        }
        console.log(str);

    </script>

2、while and do while

• JS 中循环有for . while . do while
• 三个循环很多情况下都可以相互替代使用
• 如果是用来计次数，跟数字相关的，三者使用基本相同，但是我们更喜欢用for
• while和do...while可以做更复杂的判断条件，比 for循环灵活一些
• while和do...while执行顺序不一样，while 先判断后执行，do...while 先执行一次，再判断执行
• while和do..while 执行次数不一样，do..while至少会执行一次循环体，而while 可能一次也不执行
• 实际工作中，我们更常用for循环语句，它写法更简洁直观，所以这个要重点学习

案例：

<script>
        // 1、打印人的一生
        var i = 1;
        while (i <= 100) {
            console.log('这个人今年' + i + '岁了');
            i++;
        }

        // 2、计算1-100之间所有整数和
        var sum = 0;
        var j = 1;
        while (j <= 100) {
            sum = sum + j
            j++;
        }
        console.log('1-100所有整数和为：' + sum);

        // 3、弹出一个提示框，  你爱我吗？如果输入我爱你，就提示结束；否则 一直询问
        var message = prompt('你爱我吗？');
        while (message != '我爱你') {
            message = prompt('你爱我吗？')
        }
        alert('我也爱你呀！');
    </script>

3、continue关键字

continue 关键字用于立即跳出本次循环，继续下一次循环(本次循环体中continue之后的代码就会少执行一次)。

例如，吃5个包子，第3个有虫子，就扔掉第3个，继续吃第4个第5个包子，其代码实现如下:

<script>
        for (var i = 1; i <= 5; i++) {
            if (i == 3) {
                alert('这个包子有虫子，扔掉');
                continue; //跳出本次循环，跳出的第三次循环
            }
            alert('我正在吃第' + i + '个包子呢');
        }
        alert('我的包子吃完了！');

    </script>

4、break关键字

break关键字用于立即跳出整个循环（循环结束)。

例如，吃5个包子，吃到第3个发现里面有半个虫子，其余的不吃了，其代码实现如下:

<script>
        for (var i = 1; i <= 5; i++) {
            if (i == 3) {
                alert('这个包子有虫子，扔掉');
                break; //退出本次循环
            }
            alert('我正在吃第' + i + '个包子呢');
        }
        alert('我不吃了！');

    </script>