JavaScript Map

Tina
Mar 29, 2021

--

功能跟forEach有點像,但是還是有不同唷!

先來看看這個Map主要用在哪吧

  1. 需要創造新的陣列(因為使用Map會創造新的陣列而不修改原本陣列)
  2. 若要修改原本的陣列,用法會使用 forEach()

再來簡單看看語法吧,看起來很複雜,但其實運用起來比較簡單,可以直接看下方案例

語法:let new_array = arr.map(function callback( currentValue[, index[, array]]) {
// return element for new_array
}[, thisArg])

參數

callback
呼叫 arr 所有元素的回呼函式。新數值會在每次執行 callback 時加到 new_array

callback 函式可傳入三個參數:

  1. currentValue原陣列目前所迭代處理中的元素。
  2. index選擇性原陣列目前所迭代處理中的元素之索引。
  3. array選擇性呼叫 map 方法的陣列。thisArg選擇性選擇性的參數。執行 callback 回呼函式的 this 值。

Map主要寫法就是 let newArra = arr.map(function(參數){ return 運算}詳情可以在下方看到:

--

--

Tina
Tina

Written by Tina

前端工程師 Mix 數位行銷人

No responses yet