美文网首页
2021-12-07 ES5 map()方法

2021-12-07 ES5 map()方法

作者: 飘叶随风 | 来源:发表于2021-12-07 19:52 被阅读0次

map():自带循环 并把处理过后的值返回填在对应的位置
map(function callback(ele,index,array){},thisArr):里面传入的是回调函数,并用函数解决需求
map(function(ele,index,arr){});
ele:数组里面的对应的元素;
index:数组里面对应元素位置的索引;(可选)
arr:对应当前调用的组数值;(可选)
thisArr:执行callback函数时值被作用this;(可选)
举一个例子
1>实现数组里面的数 全部乘以2并返回到一个新数组里面
传统方法
let arr = [1,2,3,4,5,6,7];
let newArr = [];
for(let i = 0 ; i < arr.length ; i ++){
newArr.push(arr[i]*2);
}
console.log(newArr); // [2,4,6,8,10,12,14]

 map()方法
 let arr = [1,2,3,4,5,6];
 let newArr = arr.map(function(ele){
    return ele * 2
  });
 console.log(newArr);//[2,4,6,8,10,12,14]

2>创建一个对象数组让这个数组对象里面的age里面的值全部增加一并添加一个check对象
let arr = [{age:‘18’,name='小明'},{age:‘19’,name='小红'},{age:‘20’,name='小飞'}]
let newArr = arr.map(function(ele){
ele.age = ele.age + 1;//数组对象里面的age加一;
ele.check = true;//添加元素;
return ele;
})
` console.log(newArr);//[{age:‘19’,name='小明',chack=true},{age:‘20’,name='小红',chack=true},{age:‘21’,name='小飞',chack=true}]

相关文章

  • 2021-12-07 ES5 map()方法

    map():自带循环 并把处理过后的值返回填在对应的位置map(function callback(ele,ind...

  • 遍历数组几种方法的区别与联系

    ES5新增迭代方法 some, filter, every, map, forEach map, filter 返...

  • ES5常见数组方法

    ES5数组方法 indexOf、forEach、map、every、some、filter、reduce的用法 i...

  • ES5新增数组方法

    分别举例说明ES5数组方法 indexOf、forEach、map、every、some、filter、reduc...

  • ES5数组

    分别举例说明ES5数组方法 indexOf、forEach、map、every、some、filter、reduc...

  • 笔记

    组件里面方法函数内部可以写return标签,在里面render引用渲染模板 react的map函数与es5的map...

  • ES5 中引入的部分数组方法

    ES5 中引入的部分数组方法 forEach map filter some every indexOf last...

  • js遍历数组forEach,map,filter,some,ev

    es5和es6新增数组迭代方法: forEach map forEach filter some every re...

  • ES5-Array-foreach

    参考文章:ES5中新增的Array方法详细说明 forEach方法与map方法很相似,也就是调用数组的每个元素,并...

  • ES5之数组新方法总结

    今天要总结的内容是ES5中数组的新增方法,有forEach、map、filter、find、every、some、...

网友评论

      本文标题:2021-12-07 ES5 map()方法

      本文链接:https://www.haomeiwen.com/subject/mjeaxrtx.html