iT邦幫忙

2021 iThome 鐵人賽

DAY 17
0
Modern Web

JavaScript 筆記 2 版系列 第 17

JavaScript Day17 - 陣列操作(map)

map

  • map() 會建立一個新的陣列,其內容為原陣列的每一個元素經由回呼函式運算後所回傳的結果之集合
    • 可以看到是回傳一個新的陣列,所以原本的陣列不會改變
    • 可以搭配前一篇的箭頭函式來使用
    • 回傳的結果可以是 object、布林
    • 需要有回傳值 return
    • 對比 forEach 是沒有 return
const arr = [1, 2, 3, 4];

// map
const map1 = arr.map(function(x) {
    return x * x;
});

// arrow function
const map2 = arr.map(x => x * x);

console.log(arr); // [1, 2, 3, 4]
console.log(map1); // [1, 4, 9, 16]
console.log(map2); // [1, 4, 9, 16]

參考資料

Array.prototype.map()
JavaScript 陣列處理方法 [filter(), find(), forEach(), map(), every(), some(), reduce()]
JavaScript Array map()

次回

再繼續補充一下陣列的其它用法


上一篇
JavaScript Day16 - 箭頭函式
下一篇
JavaScript Day18 - 陣列操作(filter、find、findIndex)
系列文
JavaScript 筆記 2 版31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言