JavaScript Loop 数组 - JavaScript

在 JavaScript 中，我们可以使用循环来遍历数组。循环通常是我们处理数组或对象时最常用的控制流之一。

以下是常用的 JavaScript 循环类型：

for 循环

for 循环是最常见的类型之一。循环语法包含初始化、条件和更新表达式。从初始化语句开始，然后检查条件。如果条件返回真，则执行循环体和更新语句，直到条件返回假。

以下是 for 循环的语法：

for (初始化表达式; 条件表达式; 更新表达式) {
  // 循环体
}

以下是一个使用 for 循环遍历数组的示例：

const arr = ['apple', 'banana', 'cherry'];

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

forEach 循环

forEach 循环是一种用于数组的高阶函数，可以将一个回调函数应用于数组的每个元素。该方法不会返回新数组，但可以对每个元素进行操作。

以下是 forEach 循环的语法：

arr.forEach(callback(currentValue[, index[, array]])[, thisArg])

以下是一个使用 forEach 循环遍历数组的示例：

const arr = ["apple", "banana", "cherry"];

arr.forEach((value, index) => {
  console.log(`${index}: ${value}`);
});

for...in 循环

for...in 循环用于遍历对象属性。该循环会枚举对象的属性名称，并将它们分配给变量。但是，不能保证属性的顺序。

以下是 for...in 循环的语法：

for (variable in object) {
  // 循环体
}

以下是一个使用 for...in 循环遍历数组的示例：

const arr = ['apple', 'banana', 'cherry'];

for (let i in arr) {
  console.log(i, arr[i]);
}

for...of 循环

for...of 循环以单独的变量迭代数组元素。它可以遍历可迭代对象的所有属性，例如数组，字符串，Set，Map 等。

以下是 for...of 循环的语法：

for (variable of iterable) {
  // 循环体
}

以下是一个使用 for...of 循环遍历数组的示例：

const arr = ['apple', 'banana', 'cherry'];

for (let item of arr) {
  console.log(item);
}

以上是 JavaScript 中用于循环遍历数组的一些常用方法。根据不同的应用场景和处理需求，选择不同的循环类型可以带来更高的效率和更好的体验。