JavaScript 流程控制-循环for,while,do-while

JavaScript 流程控制-循环

JavaScript 流程控制-循环

学习目标：

循环
for 循环
双重 for 循环
while 循环
do while 循环
continue break

1. 循环

循环目的
在实际问题中，有许多具有规律性的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句

2. for 循环

2.1 语法结构

2.2 for 循环重复相同的代码

for循环可以重复相同的代码，比如我们要输出10句“媳妇我错了”

2.3 for 循环重复不相同的代码

for 循环还可以重复不同的代码，这主要是因为使用了计数器，计数器在每次循环过程中都会有变化。
例如，求输出一个人1到100岁：

3. 双重 for 循环

3.1 双重 for 循环概述

3.2 双重 for 循环语法

测试：

4. while 循环

测试：打印人的一生

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // while循环案例
        // 1. 打印人的一生，从1岁到100岁
        var i = 1;
        while (i <= 100) {
            console.log('这个人今年' + i + '岁了');
            i++;
        }
        // 2. 计算 1 ~ 100 之间所有整数的和
        var sum = 0;
        var j = 1;
        while (j <= 100) {
            sum += j;
            j++
        }
        console.log(sum);

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

<body>

</body>

</html>