for of 循環 & entries()獲取索引 | Javascript

在 JavaScript 中， for…of 循環是一種用於迭代的語法結構。它特別適用於遍歷陣列元素。在使用 for…of 循環時，我們可以方便地獲取陣列中的每個元素，而不必關心索引的細節。此外，結合 entries() 方法使用 for…of 循環，我們還可以獲取陣列元素的索引。

1. for…of循環遍歷陣列元素：

在這個例子中，for…of循環會迭代陣列array中的每個元素，並將當前元素的值賦給變數element。
在每次迭代中，console.log(element)將打印出陣列元素的值。

const array = [1, 2, 3, 4, 5];

for (const element of array) {
  console.log(element);
}

2. for…of循環結合entries()獲取索引：

entries()方法返回一個迭代器物件，其中每個元素都是一個形如[index, value]的陣列。
通過使用for…of循環和解構賦值，我們可以同時獲取陣列元素的索引和值。

const array = ['apple', 'banana', 'cherry'];

for (const [index, value] of array.entries()) {
  console.log(`Index: ${index}, Value: ${value}`);
}

這兩個例子展示了for…of循環的使用，它提供了一種更簡潔、直觀的方式來遍歷陣列元素，而不需要手動管理索引。
在許多情況下，這種語法更易讀且更容易維護。