定义和用法

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

当前例子有用到：es6的箭头函数、模板字符串

第一种

比如我们要返回 ‘名称-年龄’ 合并到一起

let arr  = [
    {name:'xiao peng', age:18},
    {name:'xiao li', age:18},
    {name:'xiao ming', age:18},
    {name:'xiao wang', age:18},
    {name:'xiao liu', age:18}
]
let newarr = arr.map(function(item){
    return `${item.name}-${item.age}`
    // return item.name + '-' + item.age
})
console.log(newarr)
//新的组合： ["xiao peng-18", "xiao li-18", "xiao ming-18", "xiao wang-18", "xiao liu-18"]

第二种

比如我们只需要取数组中的名称，直接用到map就可以了；

如果不嫌麻烦的话用for循环在push到新数组；（有简洁的肯定用简洁的）

let arr  = [
    {name:'xiao peng', age:18},
    {name:'xiao li', age:18},
    {name:'xiao ming', age:18},
    {name:'xiao wang', age:18},
    {name:'xiao liu', age:18}
]
let newarr = arr.map(item=> item.name)
console.log(newarr)
//新的组合 ["xiao peng", "xiao li", "xiao ming", "xiao wang", "xiao liu"]

第三种

也可以直接返回一个键值对的数组，具体开发中，具体处理；打个样稿

let arr  = [
    {name:'xiao peng', age:18},
    {name:'xiao li', age:18},
    {name:'xiao ming', age:18},
    {name:'xiao wang', age:18},
    {name:'xiao liu', age:18}
]
let newarr = arr.map(function(item){
let obj = {name:item.name}
return obj
// return item.name + '-' + item.age
})
console.log(newarr)