JavaScript的几种循环方式

以下是六种 JavaScript 循环语句的详细介绍和使用实例：

For 循环

• 特点：用于遍历数组或集合元素，循环变量可用 let 或 var 关键字定义。循环控制包括三个操作数：初始化表达式、判断条件表达式和循环后操作表达式。
• 使用注意事项：循环变量、数组的长度、循环控制条件需要注意，避免数组越界。
• 使用场景：用于遍历数组或集合元素。

示例：

let arr = [1, 2, 3];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

输出结果：

1
2
3

forEach 循环

• 特点：用于遍历数组中的元素，无需显式地编写循环表达式，会自动遍历数组。不会返回一个新数组，而是直接对原数组进行操作。需要一个回调函数作为参数，该函数会依次接收数组中的每个元素以及它的索引。
• 使用注意事项：需要回调函数的参数；不支持 break 和 continue 语句。
• 使用场景：用于遍历数组。

示例：

let arr = [1, 2, 3];
arr.forEach(function(value, index, array) {
  console.log(value);
});

输出结果：

1
2
3

do...while 循环

• 特点：循环体会至少执行一次。
• 使用注意事项：条件表达式需要放在循环体里面；需要注意循环体会至少执行一次的特点。
• 使用场景：需要至少执行一次循环体的场景。

示例：

let arr = [1, 2, 3];
let i = 0;
do {
  console.log(arr[i]);
  i++;
} while (i < arr.length);

输出结果：

1
2
3

while 循环

• 特点：和 do...while 循环类似，但是循环体在循环条件的前面，不一定会执行一次循环体。
• 使用注意事项：需要注意循环条件判断的位置。
• 使用场景：适合用于条件不确定的循环。

示例：

let arr = [1, 2, 3];
let i = 0;
while (i < arr.length) {
  console.log(arr[i]);
  i++;
}

输出结果：

1
2
3

for...in 循环

• 特点：用于遍历对象的属性名称。
• 使用注意事项：只能遍历到对象的可枚举、非 Symbol 类型的属性；不适用于遍历数组。
• 使用场景：遍历对象属性或键名。

示例：

let obj = {name: "张三", age: 20, city: "广州"};
for (let key in obj) {
  console.log(key + ': ' + obj[key]);
}

输出结果：

name: 张三
age: 20
city: 广州

for...of 循环

• 特点：用于遍历可迭代对象中的值，例如数组中的元素、字符串的字符、Map 和 Set 中的元素等。
• 使用注意事项：仅适用于遍历可迭代对象；循环变量是上一次遍历的元素值，而不是索引。
• 使用场景：遍历可迭代对象中的元素。

示例：

let arr = [1, 2, 3];
for (let value of arr) {
  console.log(value);
}

输出结果：

1
2
3

在实际使用中，我们需要根据需求灵活地选择