map()方法 要点知识

 2020-06-23    425  

定义和用法


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)


版权声明:本文为 “zblog天狐” 原创,转载请附上原文出处链接及本声明;

投稿邮箱:3027637740@qq.com

原文链接:http://www.tian69.com/post/18.html

=========================================

tian69.com 为天狐唯一官方服务平台,请勿相信其他任何渠道的虚假销售。

用户须知
  • 一次付费,终身免费升级主题更新
  • 优质售后,保你无忧
  • 新手无忧,协助解决各种主题问题
热门文章
热门标签