使用 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 
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"
}