有多少種方法可以循環 JavaScript 陣列？

在 JavaScript 中循環遍歷陣列

JavaScript 陣列提供了多種方法來迭代其元素。這些方法包括 for-of 循​​環、forEach、傳統的 for 迴圈、具有適當保護措施的 for-in 迴圈以及迭代器。

真正的陣列

• For-of 記憶 (ES2015 ):
  

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

• 使用隱式迭代器直接迭代數組的元素，使其成為最簡單且非同步友好的選項：
  

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

forEach ( ES5 ):

• 一種基於回呼的方法，用於迭代數組元素。雖然不是非同步友善的，但它具有一些有用的家庭方法：
  

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

For 循環：

• 經典的循環結構用於遍歷數組，提供非同步友善性：
  

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

For-in 循環（有保護措施）：

• 迭代數組索引（不是元素）和任何非數組物件本身繼承的非符號屬性名稱，這可能會導致意外行為。謹慎使用：
  

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

明確迭代器（ES2015）：

利用 Symbol.iterator 介面明確建立迭代器。然而，這種方法不太常用：

類別數組物件迭代類別數組物件需要考慮它們的非數組性質，例如arguments 物件或Node.js 的arguments 物件。它們沒有迭代器屬性，因此根據物件可能需要特定的迭代技術。

以上是有多少種方法可以循環 JavaScript 陣列？的詳細內容。更多資訊請關注PHP中文網其他相關文章！