在學習React之前，會需要瞭解一些javascript的基礎概念，常言道"javascript學得好，react沒煩惱"，其中陣列的方法倒是蠻常用到的，尤其.map()在資料的呈現處理上是蠻常用到的技巧，因為map的用法與forEach實在太相似了，所以從forEach來了解map我認為是一個不錯的方法，那就接著往下看~

.forEach()

是一個遍歷陣列的方法，說的直接一點就是查詢陣列裡面的內容並對其做一些操作。裡面需要帶一個callback function，裡面包含三個參數如下:
1.陣列裡面的值
2.陣列的index
3.陣列本身

其方法是不能被==中斷的==，換句話說就是不能return，也就是說不會回傳值。
範例如下:

var array=[1,2,3,4,5]

array.forEach((value,index,array2)=>{
console.log("value:"+value)
console.log("index:"+index)
console.log(array2)//陣列本身
})

輸出結果:

.map()

同樣是可以遍歷陣列的一個方法，用法也跟forEach相似，也是需要帶一個callback裡面也是帶三個參數:
1.陣列裡面的值
2.陣列的index
3.陣列本身

var array=[1,2,3,4,5]

array.map((value,index,array2)=>{
console.log("value:"+value)
console.log("index:"+index)
console.log(array2)//陣列本身
})

但此方法會回傳一個新陣列，範例如下:

var array=[1,2,3,4,5]

var newArray=array.map((value,index,array2)=>{
 return value*2
})
console.log(newArray)//輸出結果:[2,4,6,8,10]

輸出結果:

總之，forEach 主要用於執行操作而不生成新陣列，而 map 用於生成一個新陣列，其中包含經過處理後的值。