想知道嗎：JSforEach的index位置

前一陣子在應用 JS 的 Array.prototype.forEach() 時，因為有需求要調用 index 這個隱含參數，然而在 coding 的過程中稍不留意，在不同的地方寫出了類似以下兩種將 e 跟 index 位置互換的寫法

plaintext

1
2
3

var array = [1,2,3]
array.forEach((e,index) => console.log((e + 1),index))
array.forEach((index,e) => console.log((e + 1),index))

一時之間還沒注意到有什麼不同，然而到我自己在 code review 檢查時，除了發現自己怎麼有兩種寫法外，還發現了這樣會使 console.log print 出來的東西略有不同

我以為的 e 應該就是陣列目前正在 forEach 處理的單項元素，而 index 就是陣列目前正在 forEach 處理的元素索引，其實這樣的理解也沒有錯，但我以為的是，第二種寫法：

plaintext

1	array.forEach((index,e) => console.log((e + 1),index))

也會 print 出這樣的結果：

然而結果居然與我想的不一樣！各位讀者知道為什麼嗎？
以下要來公布解答囉！

百思不得其解的情況下，求助了當初在好想工作室同期的學員，我們的班長 Yachen大人，而她一語道破我的盲點…

Yachen：foreach(item, index) 是 js 的隱含參數，第一個參數就是遍歷的元素，第二個參數是 index，即使改參數名字，第一個也一定是遍歷的元素，第二個一定是 index，名字只是障眼法哈哈

完全點破啊！看完立刻了解，我只是將陣列目前正在 forEach 處理的單項元素命名從 e 改成 index ，而將陣列目前正在 forEach 處理的元素索引命名從 index 改成 e ，他的本質意義並沒有改變，畢竟 callback 函數中所帶的參數，並不是用名字來區分，而是依次向callback函數傳入三個參數啊！