循環 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

2. forEach

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

forEach是一種迭代數組並為每個元素呼叫函數的方法：

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

3.簡單for 循環

此循環使用計數器變數來迭代數組元素：

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

4。 for-in 迴圈（有保護措施）

for-in 迭代數組的屬性，其中包括其元素。但是，重要的是使用保護措施來避免迭代原型屬性：

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

5。迭代器 (ES2015 )數組是可迭代對象，並提供可以使用 next() 手動前進的迭代器：

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