JavaScript for 关键字
最后修改于 2025 年 4 月 16 日
在本文中，我们将展示如何在 JavaScript 中使用 for 循环。for 语句创建一个包含三个可选表达式的循环。
for 关键字
for 关键字创建一个循环，该循环由三部分组成：初始化、条件和最终表达式。它是 JavaScript 中最常用的循环结构之一。循环将继续进行，直到条件评估为 false。
初始化在循环开始之前执行一次。条件在每次迭代之前检查。最终表达式在每次迭代之后执行。所有这三个部分都是可选的，但分号必须保留。
当您知道要执行代码块的次数时，for 循环是理想的选择。与 while 循环相比，它提供了更多的控制来计算迭代次数。
基本 for 循环
以下示例演示了 JavaScript 中 for 循环的基本用法。
for (let i = 0; i < 5; i++) {
console.log(i);
}
这是最常见的 for 循环形式。它将计数器变量 i 初始化为 0，检查 i 是否小于 5，并在每次迭代后递增 i。循环运行 5 次，记录数字 0 到 4。
$ node main.js 0 1 2 3 4
使用数组迭代的 For 循环
for 循环通常用于遍历数组。
const fruits = ['apple', 'banana', 'cherry'];
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
此示例展示了如何使用 for 循环访问数组元素。循环条件根据数组的 length 属性进行检查。每个元素都使用索引 i 进行访问。这是处理数组的传统方法。
$ node main.js apple banana cherry
带有 break 语句的 For 循环
break 语句可用于提前退出 for 循环。
for (let i = 0; i < 10; i++) {
if (i === 5) {
break;
}
console.log(i);
}
此循环通常会运行 10 次，但我们使用 break 在 i 等于 5 时退出。当执行 break 语句时，循环立即停止。数字 0 到 4 将被记录到控制台。
$ node main.js 0 1 2 3 4
带有 continue 语句的 For 循环
continue 语句跳过循环的当前迭代。
for (let i = 0; i < 5; i++) {
if (i === 2) {
continue;
}
console.log(i);
}
当 i 等于 2 时，continue 语句跳过该迭代的其余部分。循环继续下一个值。这导致从 0 到 4 的所有数字都被记录，除了 2。
$ node main.js 0 1 3 4
For...of 循环
JavaScript 提供了 for...of 循环来遍历可迭代对象。
const colors = ['red', 'green', 'blue'];
for (const color of colors) {
console.log(color);
}
对于数组迭代，for...of 循环比传统的 for 循环更简单。它直接访问每个元素，而不需要索引。这是在现代 JavaScript 中迭代数组的首选方式。
$ node main.js red green blue
嵌套 for 循环
For 循环可以嵌套以处理多维数据结构。
for (let i = 0; i < 3; i++) {
for (let j = 0; j < 2; j++) {
console.log(`i: ${i}, j: ${j}`);
}
}
此示例显示了两个嵌套的 for 循环。外层循环运行 3 次，对于每次迭代，内层循环运行 2 次。这将导致总共 6 次迭代 (3 × 2)。嵌套循环对于处理矩阵很有用。
$ node main.js i: 0, j: 0 i: 0, j: 1 i: 1, j: 0 i: 1, j: 1 i: 2, j: 0 i: 2, j: 1
具有多个变量的 For 循环
for 循环可以同时初始化和更新多个变量。
for (let i = 0, j = 10; i < j; i++, j--) {
console.log(`i: ${i}, j: ${j}`);
}
此示例演示了在 for 循环中使用多个变量。我们初始化了 i 和 j，并在每次迭代中以不同的方式更新它们。循环继续进行，直到 i 不再小于 j。
$ node main.js i: 0, j: 10 i: 1, j: 9 i: 2, j: 8 i: 3, j: 7 i: 4, j: 6
来源
在本文中，我们演示了如何使用 for 关键字在 JavaScript 中创建循环。我们涵盖了基本循环、数组迭代和特殊情况。