随着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