函数map简单用法

map()方法定义在JavaScript的Array中，方法返回一个新数组，对于数组中的每个元素，map() 方法都会调用 callbackfn 函数依次处理元素。，同时不会改变原来的数组。

二 语法

array.map(function(currentValue, index, arr), thisIndex) 

参数说明

1. 1.function 必须。为一个函数，数组中的每个元素都会执行这个函数。其中函数参数：
   - currentItem：必须。当前元素的的值。
   - index：可选。当前元素的索引。
   - arr：可选。当前元素属于的数组对象

2. thisValue：可选。对象作为该执行回调时使用，传递给函数，用作"this"的值。如果省略了 thisValue，或者传入 null、undefined，那么回调函数的 this 为全局对象。

示例一

let arr = [1, 2, 3, 4, 5];

let newArr = arr.map((item) => {
    return item * 2;
})

console.log(newArr)  // 所有数组中的元素 依次调用函数 返回新的数组 [2, 4, 6, 8, 10] 

示例二
调用接口得到数据 res: 可以对数据进行处理 在渲染

var obj = [{"name":"tom","sex":0,"age":12},{"name":"tom2","sex":1,"age":22},{"name":"tom3","sex":1,"age":32}]
let r = obj.map(item => {
    return {
        title: item.name,
        sex: item.sex === 1? '男':item.sex === 0?'女':'保密',
        age: item.age
    }
})
console.log(r); //[{title: "tom", sex: "女", age: 12},{title: "tom2", sex: "男", age: 22},{title: "tom3", sex: "男", age: 32}]