6.1 while 循环
JavaScript 中的循环允许在满足特定条件的情况下多次执行代码块。这是编程中重要的一部分,有助于自动化重复性任务。
while
循环会在条件为真(true
)时执行代码块。
语法:
while (condition) {
// 条件为真时要执行的代码
}
例子:
JavaScript
let i = 0;
while (i < 5) {
console.log(`循环次数 ${i}`);
i++;
}
// 输出:
// 循环次数 0
// 循环次数 1
// 循环次数 2
// 循环次数 3
// 循环次数 4
在这个例子中:
- 循环会在
i
小于 5 时继续执行 - 在每次循环内,
i
的值会增加 1
6.2 执行代码块 n 次
经常会遇到需要执行固定次数代码块的情况,此代码可以用 while
循环表示:
let i = 0;
while (i < 5) {
console.log(`循环次数 ${i}`);
i++;
}
通常形式看起来是这样的:
初始化
while (条件) {
代码块
步骤
}
6.3 for 循环
for 循环
for
循环是 JavaScript 中最常用的循环之一。它专门用于重复特定次数的代码块。
语法:
for (初始化; 条件; 步骤) {
// 每次循环执行的代码
}
例子:
JavaScript
for (let i = 0; i < 5; i++) {
console.log(`循环次数 ${i}`);
}
// 输出:
// 循环次数 0
// 循环次数 1
// 循环次数 2
// 循环次数 3
// 循环次数 4
解释:
let i = 0
— 初始化变量i
,它将作为循环计数器i < 5
— 循环继续执行的条件。循环将在i
等于 5 时停止i++
— 每次迭代后执行的步骤,增加i
的值 1
6.4 do...while 循环
do...while
循环类似于 while
循环,但有一个区别,代码块至少执行一次,然后检查条件。
语法:
do {
// 至少执行一次的代码
} while (条件);
例子:
JavaScript
let i = 0;
do {
console.log(`循环次数 ${i}`);
i++;
} while (i < 5);
// 输出:
// 循环次数 0
// 循环次数 1
// 循环次数 2
// 循环次数 3
// 循环次数 4
在这个例子中:
do
内的代码块至少执行一次,即使条件最初为假- 代码块执行后,条件会被检查,如果为真,循环将继续
6.5 循环比较
循环 | 何时使用 | 特点 |
---|---|---|
for | 当已知迭代次数时 | 简洁语法,方便用于数组 |
while | 当迭代次数未知时 | 每次迭代前检查条件 |
do-while | 当至少需要执行一次代码块时 | 执行代码块后检查条件 |
循环的使用例子
使用 for 遍历数组:
JavaScripts
let array = [1, 2, 3, 4, 5];
for (let i = 0; i < array.length; i++) {
console.log(array[i]);
}
// 输出: 1 2 3 4 5
使用 while 以等待条件:
JavaScript
let n = 0;
let x = 0;
while (n < 3) {
n++;
x += n;
}
console.log(x); // 6 (1 + 2 + 3)
使用 do-while 至少执行一次循环:
JavaScript
let i = 0;
do {
console.log(i);
i++;
} while (i < 0);
// 输出: 0 (循环执行一次,尽管条件为假)
GO TO FULL VERSION