JavaScript Day17 - 陣列操作(map) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2021 iThome 鐵人賽

DAY 17

Modern Web

JavaScript 筆記 2 版系列第 17 篇

JavaScript Day17 - 陣列操作(map)

13th鐵人賽 javascript

hokou

2021-10-02 23:06:24

702 瀏覽

分享至

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]