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()

次回

再继续补充一下阵列的其它用法