新增的数组方法

ES6新增的数组方法

关于数组中forEach() 、map()、filter()、reduce()、some()、every()的总结

1、forEach()

var arr = [1,2,3,4];

arr.forEach((item,index,arr) =>{

console.log(item)//结果为1,2,3,4

})// forEach遍历数组,无返回值,不改变原数组,仅仅只是遍历、常用于注册组件、指令等等

2、map()

var arr = [1,2,3,4];

arr.map((item,index,arr) =>{

return item*10//新数组为10,20,30,40

})//map遍历数组,返回一个新数组,不改变原数组的值。

3、filter()

var arr = [1,2,3,4];

arr.filter((item,index,arr) =>{

return item >2//新数组为[3,4]

})//filter过滤掉数组中不满足条件的值,返回一个新数组,不改变原数组的值。

4、reduce()

var arr = [1,2,3,4];

arr.reduce((result,item,index,arr) =>{

console.log(result)// 1  3  6  result为上次一计算的结果

console.log(item)// 2  3  4

console.log(index)// 1  2  3

return result+item//最终结果为10

})//reduce 让数组的前后两项进行某种计算。然后返回其值,并继续计算。不改变原数组,返回计算的最终结果,从数组的第二项开始遍历。

5、some()

var arr = [1,2,3,4];

arr.some((item,index,arr) =>{

return item >3//结果为true

})//遍历数组每一项,有一项返回true,则停止遍历,结果返回true。不改变原数组

6、every()

var arr = [1,2,3,4];

arr.every((item,index,arr) => {

return item > 1 //结果为false

})//遍历数组每一项,每一项返回true,则最终结果为true。当任何一项返回false时,停止遍历,返回false。不改变原数组

some、every返回true、false。

map、filter返回一个新数组。

reduce让数组的前后两项进行某种计算,返回最终操作的结果。

forEach 无返回值。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 一直以来想写一篇关于es5中新增数组的使用方法与源码实现的文章,拖了挺久了,趁着这夜深人静,大脑清醒,又困意...
    谦龙阅读 895评论 0 3
  • 数组方法 下面开始介绍数组的方法,数组的方法有数组原型方法,也有从object对象继承来的方法,这里我们只介绍数组...
    祈求者阅读 372评论 0 2
  • 由于最近都在freecodecamp上刷代码,运用了很多JavaScript数组的方法,因此做了一份关于JavaS...
    2bc5f46e925b阅读 2,039评论 0 16
  • 小时候 家是我流连的怀抱 我是家托起的小舟 长大后 我是家放飞的希望 家是我怀念的泥土 临老了 我就是家里坚守的炊...
    上林叶阅读 379评论 8 16
  • 费用:大人 600元/人 小孩 350元/人 费用统一交给吴淑珍收齐 出发时间:5月6号早上7点1...
    吴淑珍阅读 762评论 0 0