循环 JavaScript 数组有哪些不同的方法？

使用 JavaScript 循环遍历数组

迭代数组的元素是 JavaScript 中的一项常见任务。有多种方法可供选择，每种方法都有自己的优点和局限性。让我们探索这些选项：

数组

1。 for-of 循​​环 (ES2015 )

此循环使用迭代器迭代数组的值：

const arr = ["a", "b", "c"];
for (const element of arr) {
  console.log(element); // "a", "b", "c"
}

2. forEach

forEach 是一种迭代数组并为每个元素调用函数的方法：

arr.forEach(element => {
  console.log(element); // "a", "b", "c"
});

3.简单 for 循环

此循环使用计数器变量来迭代数组元素：

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]); // "a", "b", "c"
}

4。 for-in 循环（带有保护措施）

for-in 迭代数组的属性，包括其元素。但是，重要的是使用保护措施来避免迭代原型属性：

for (const property in arr) {
  // Check if 'property' is an array element property
  if (arr.hasOwnProperty(property)) {
    console.log(arr[property]); // "a", "b", "c"
  }
}

5。迭代器 (ES2015 )

数组是可迭代对象，并提供可以使用 next() 手动前进的迭代器：

const iterator = arr[Symbol.iterator]();
while (true) {
  const result = iterator.next();
  if (result.done) break;
  console.log(result.value); // "a", "b", "c"
}

以上是循环 JavaScript 数组有哪些不同的方法？的详细内容。更多信息请关注PHP中文网其他相关文章！