es6 map提取数组对象

map提取数组对象


map可以快速提取数组对象中的相同key;

详见代码片段

var list= [{name:'张三',age:16},{name:'赵四',age:18}];
var nameList = list.map(a=>a.name)//['张三','赵四']
var ageList = list.map(a=>a.age)//[16,18]

常用于场景 提取购物车所有商品的价格、提取商品列表里的商品图片等等

var list= [{name:'张三',age:16},{name:'赵四',age:18}];
var nameList = [];
var ageList = [];
list.forEach(item=>{
	if(item.name)
	nameList.push(item.name)
	if(item.age)
	ageList.push(item.age)
})
nameList //['张三','赵四']
ageList //[16,18]

采用 mapforEach 能更高效率节省时间,节省代码量

附带一下map和forEach的共同与不共同之处

相同点
(1)都是循环遍历数组中的每一项。
(2)每次执行匿名函数都支持三个参数,参数分别为item(当前每一项),index(索引值),arr(原数组)
(3)匿名函数中的this都是指向window。
(4)只能遍历数组。
(5)forEach 和 map都相当于封装好的单层for循环
不同点
(1)map()会分配内存空间存储新数组并返回,forEach()不会返回数据。
(2)forEach()允许callback更改原始数组的元素。map()返回新的数组。
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值