JavaScript 中循环的奥妙：for、while 和 do-while 的较量

在 JavaScript 中，循环是遍历数据结构的常用手段，最常见的有 for 循环、while 循环和 do-while 循环。这三种循环的用法和适用场景各有不同。

for 循环

for 循环是最基本、最常用的循环语句，语法如下：

for (initialization; condition; increment) {
  // 循环体
}

• initialization：在循环开始之前执行一次，通常用于定义循环变量。
• condition：在每次循环之前检查的条件，如果条件为真，则继续执行循环，否则循环结束。
• increment：在每次循环之后执行一次，通常用于更新循环变量。

for 循环的典型用法是遍历数组或对象。例如，以下代码使用 for 循环来打印一个数组中的所有元素：

const numbers = [1, 2, 3, 4, 5];

for (let i = 0; i < numbers.length; i++) {
  console.log(numbers[i]);
}

while 循环

while 循环是一种更灵活的循环语句，语法如下：

while (condition) {
  // 循环体
}

• condition：在每次循环之前检查的条件，如果条件为真，则继续执行循环，否则循环结束。

while 循环的典型用法是当您不知道循环需要执行多少次时。例如，以下代码使用 while 循环来读取用户输入，直到用户输入 "quit" 为止：

let input = "";

while (input !== "quit") {
  input = prompt("Enter something (or 'quit' to exit): ");
  console.log(input);
}

do-while 循环

do-while 循环与 while 循环非常相似，但有一点区别：do-while 循环至少会执行一次循环体，即使 condition 为假也是如此。语法如下：

do {
  // 循环体
} while (condition);

• condition：在每次循环之后检查的条件，如果条件为真，则继续执行循环，否则循环结束。

do-while 循环的典型用法是当您需要确保循环至少执行一次时。例如，以下代码使用 do-while 循环来读取用户输入，直到用户输入一个非空字符串为止：

let input = "";

do {
  input = prompt("Enter something (leave blank to exit): ");
  console.log(input);
} while (input !== "");

三种循环的比较

特征	for 循环	while 循环	do-while 循环
语法	for (initialization; condition; increment)	while (condition)	do {} while (condition);
执行条件	condition 为真	condition 为真	condition 为真或循环体至少执行一次
典型用法	遍历数据结构	当您不知道循环需要执行多少次时	当您需要确保循环至少执行一次时

总结

在 JavaScript 中，for 循环、while 循环和 do-while 循环是三种最常用的循环语句。每种循环都有自己独特的用法和适用场景。通过理解这三种循环的差异，您可以更好地选择最适合您需求的循环，从而编写出更加高效、易于维护的代码。