阵列资料处理 - map

特性

• 可以将原始阵列经过处理後，重新组合回传一个新阵列
• 不会影响原始阵列

范例一：将阵列内的资料做运算处理

const dataList = [5, 10, 15];
const newDataList = dataList.map(function(item){
  return item * 2;  // 将每一个阵列元素的资料值都乘上 2
});
console.log(newDataList);

结果如下图：

原始的 dataList 阵列内的资料不会改变

范例二：将阵列内的资料回传 true 及 false

const dataList = [5, 10, 15];
const newDataList = dataList.map(function(item){
  return item > 7;  // 回传 > 7 的资料
});
console.log(newDataList);
console.log(dataList);

执行结果

范例三：将阵内中的资料回传为指定的物件格式

const dataList = [5, 10, 15];
const newDataList = dataList.map(function(item){
  let obj = {};
  obj.checkStatus = item > 7;
  return obj;
});
console.log(newDataList);
console.log(dataList);

参考资料及学习资源

• 六角学院 - JavaScript 必修篇 - 前端修练全攻略
• Array.prototype.map()

本日小节

今天一样是学习阵列的处理，学习如何 运用 map～
这是我的学习纪录，我们下次见啦！