JavaScript - 循环

---

前言

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

一、for循环

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

语法

for (初始化变量; 条件表达式; 操作表达式) {
	循环体
}

• 初始化变量在for 里面只执行一次.
• 条件表达式 用来决定每一次循环是否继续执行.
• 操作表达式是每次循环最后执行的代码.

执行流程

for (var i = 1; i < 100; i++) {
	console.log('a')
}

1. 首先执行初始化变量, var 1 = 1;
2. 去条件表达式 1 < 100; 判断是否满足条件, 如果满足条件, 就去执行循环体, 不满足条件就退出循环
3. 最后执行 i++

一行打印五个星星案例

思路 : 利用字符串追加的方式, 往字符串里面追加星星

var str = ''
	for (var i = 1; i <= 5; i++) {
	    str += '★'
	}
	alert(str)

二、双重for循环

• 我们可以把里面的循环看做是外层循环的语句
• 外层循环循环一次, 里面的循环执行全部

九九乘法表

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

三、while循环

语法结构

while (条件表达式) {
	循环体
}

执行思路

当条件表达式结果为true, 则执行循环体, 否则 退出循环.

三、do while循环

do while循环至少会执行一次循环体代码.

语法

do {
	循环体
} while (条件表达式)

执行思路

先执行一次循环体, 再判断条件.

---

四、continue 关键字

continue关键字用于立即跳出本次循环, 继续下一次循环

<script>
    // 求1~100之间, 除了能被7整除之外的整数和
    var sum = 0
    for (var i = 1; i <= 100; i++) {
        if (i % 7 == 0) {
            continue
        }
        sum += i
    }
    console.log(sum);
</script>

五、break关键字

break关键字用于立即跳出整个循环.

<script>
	for (var i = 1; i <= 5; i++) {
	    if (i == 3) {
	        break
	    }
	    console.log(i); // 1 2
	}
</script>

综合案例

<script>
    var balance = 0
    var num = prompt('请输入您要的操作:\n1.存钱\n2.取钱\n3.显示余额\n4.退出')

    while (true) {
        if (num == '1') {
            var add = prompt('请输入存的钱数')
            balance += parseFloat(add)
            alert('现在的余额是' + balance + '元')
            num = prompt('请输入您要的操作:\n1.存钱\n2.取钱\n3.显示余额\n4.退出')
        } else if (num == '2') {
            var subtract = prompt('请输入取的钱数')
            if (subtract <= balance) {
                balance -= parseFloat(subtract)
                alert('现在的余额是' + balance + '元')
            } else {
                alert('余额不足')
                num = prompt('请输入您要的操作:\n1.存钱\n2.取钱\n3.显示余额\n4.退出')
            }
        } else if (num == '3') {
            alert('现在的余额是' + balance + '元')
            num = prompt('请输入您要的操作:\n1.存钱\n2.取钱\n3.显示余额\n4.退出')
        } else if (num == '4') {
            alert('程序退出')
            break
        } else {
            alert('输入的数据不正确, 请重新输入')
            num = prompt('请输入您要的操作:\n1.存钱\n2.取钱\n3.显示余额\n4.退出')
        }
    }
</script>