概念:map() 方法创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值,不改变原数组,也不对空数组进行操作。
map()完整写法:arr.map(function(currentValue,index,arr),thisValue)
三个参数,currentValue:当前元素的值;index:当前元素的索引值;arr:要map的数组。
map空数组时:
var array = new Array(4);
var newArray = array.map(item=>{
return '2'
});
console.log(array,newArray);// [empty × 4] [empty × 4]
ES6箭头函数版精简写法:
const array1 = [1, 4, 9, 16];
const map1 = array1.map(x => x * 2);
console.log(map1);// Array [2, 8, 18, 32]
在实际应用中,map()经常用于对接口返回数据进行映射:
let r = res.data.map(item => {
title: item.name,
sex: item.sex === 1? '男':item.sex === 0?'女':'保密',
age: item.age,
avatar: item.img
})