ES6新语法之数组新增方法:map,filter,reduce,some和every的用法

随着ES6的到来,我们JavaScript语法中新增了许多的数组方法,今天就来分享一篇关于数组新增方法的知识

1.map()方法:

(1)作用:map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值;
map() 不会对空数组进行检测;并且不会改变原始数组。
(2)通过map()方法 对数组元素进行处理
<script>
// 创建一个成绩数组
		let grades=[45,67,98,100];
		// 我们可以通过map   给每个字符数组+"分"
		let Grades = grades.map((item,index)=>{
   
			console.log(item); // 数组的每个元素
			console.log(index); // 数组的索引值
		    return item+"分";
		})
		console.log(Grades);
</script>

结果输出:
在这里插入图片描述

注意:在这里由于箭头函数里只有 return语句一行代码,我们可以利用箭头函数性质简化写法

let Grades = grades.map(item=>item+"分")
		console.log(Grades);

输出结果为:
在这里插入图片描述
map方法的应用场景:

  • 微信小程序 豆瓣影评评分
    //创建一个数组对象
	let movies = [{
   id:1,name:"唐人街探案",imgUrl:"http://xxx.douban.jpg"},{
   id
  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值