數(shù)組的forEach和列表的forEach是否有序？

在探討JavaScript中Array的forEach方法和List的forEach方法時，我們可能會遇到一個問題：這兩個方法在遍歷數(shù)組或列表時的行為是否相同？答案是肯定的。它們在處理數(shù)據(jù)時的方式卻有所不同。

數(shù)組的forEach

在JavaScript中，Array的forEach方法是一個高階函數(shù)，它接受一個回調(diào)函數(shù)作為參數(shù)，并使用for循環(huán)遍歷數(shù)組中的每個元素。這個回調(diào)函數(shù)會在每次迭代時被調(diào)用，并且可以訪問當(dāng)前元素的索引（通過this.length - index - 1獲取）以及當(dāng)前元素本身。

let arr = [1, 2, 3, 4, 5];
arr.forEach((item, index) => {
  console.log(`Item at index ${index}: ${item}`);
});

在這個例子中，forEach方法會按照數(shù)組的順序遍歷元素，因此輸出結(jié)果將是：

Item at index 0: 1
Item at index 1: 2
Item at index 2: 3
Item at index 3: 4
Item at index 4: 5

List的forEach

另一方面，List的forEach方法也是一個高階函數(shù)，但它的行為與Array的forEach略有不同。在List的forEach方法中，回調(diào)函數(shù)會接收三個參數(shù)：當(dāng)前元素、當(dāng)前索引和List本身。這意味著我們可以在回調(diào)函數(shù)中使用這些參數(shù)來執(zhí)行一些操作。

let list = [1, 2, 3, 4, 5];
list.forEach((item, index) => {
  console.log(`Element at index ${index}: ${item}`);
});

在這個例子中，由于List的forEach方法只接收兩個參數(shù)，所以我們不能像Array的forEach那樣直接訪問索引。但是，我們可以通過將索引轉(zhuǎn)換為字符串來訪問索引：

let list = [1, 2, 3, 4, 5];
list.forEach((item, index) => {
  console.log(`Element at index ${String(index)}: ${item}`);
});

這樣，我們就可以在回調(diào)函數(shù)中使用索引了。

結(jié)論

雖然Array的forEach和List的forEach都使用了相同的高階函數(shù)模式，但它們在處理數(shù)據(jù)時的方式是不同的。Array的forEach是按順序遍歷數(shù)組的元素，而List的forEach允許我們在回調(diào)函數(shù)中使用索引。因此，盡管它們的語法相似，但它們的行為并不完全相同。