2020-06-23 1696
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 为天狐唯一官方服务平台,请勿相信其他任何渠道的虚假销售。
zblog主题2020-07-07
zblog教程2020-06-21
笔记2020-06-21
javascript2020-06-23
zblog主题2020-06-07
zblog主题2020-06-07