有多少种方法可以循环 JavaScript 数组？

在 JavaScript 中循环遍历数组

JavaScript 数组提供了多种方法来迭代其元素。这些方法包括 for-of 循​​环、forEach、传统的 for 循环、具有适当保护措施的 for-in 循环以及迭代器。

真正的数组

• For-of 循​​环 (ES2015 ):
  使用隐式迭代器直接迭代数组的元素，使其成为最简单且异步友好的选项：

  for (const element of theArray) {
    // ...use `element`...
  }

• forEach ( ES5 ):
  一种基于回调的方法，用于迭代数组元素。虽然不是异步友好的，但它具有一些有用的家庭方法：

  theArray.forEach(element => {
    // ...use `element`...
  });

• For 循环：
  经典的循环结构用于遍历数组，提供异步友好性：

  for (let index = 0; index < theArray.length; ++index) {
    const element = theArray[index];
    // ...use `element`...
  }

• For-in 循环（有保护措施）：
  迭代数组索引（不是元素）和任何非数组对象本身继承的非符号属性名称，这可能会导致意外行为。谨慎使用：

  for (const propertyName in theArray) {
    if (/^\d+$/.test(propertyName)) {
        const element = theArray[propertyName];
        // ...use `element`...
    }
  }

• 显式迭代器（ES2015）：
  利用 Symbol.iterator 接口显式创建迭代器。然而，这种方法不太常用：

  const iterator = theArray[Symbol.iterator]();
  while (true) {
    const result = iterator.next();
    if (result.done) break;
  
    const element = result.value;
    // ...use `element`...
  }

类数组对象

迭代类数组对象需要考虑它们的非数组性质，例如arguments 对象或Node.js 的arguments 对象。它们没有迭代器属性，因此根据对象可能需要特定的迭代技术。

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