es6中数组新增常用的4个方法是：1、foreach()，用于遍历数组，无返回值；2、filter()，过滤掉数组中不满足条件的值；3、map()，遍历数组，返回一个新数组；4、reduce()，让数组的前后两项进行某种计算，然后返回其值。
本教程操作环境：windows7系统、ecmascript 6版、dell g3电脑。
es6中新增4个很实用的数组方法，分别有：foreach，filter，map ，reduce。
1.foreach
遍历数组，无返回值，不改变原数组，仅仅只是遍历 --相当于for循环遍历
 let arr=[23,44,56,22,11,99]   let res=arr.foreach(item=>{     console.log(item);     //23,44,56,22,11,99   })   let res2=arr.foreach((item,index)=>{     console.log(item,index);     //23 0     //44 1     //....   })
2.filter：
filter()函数过滤掉数组中不满足条件的值,如果回调函数返回true就留下，返回一个新数组,不改变原数组，！！！可以用来做数组去重
   let arr = [1,5,2,16,4,6]   //1.找出数组中的偶数   let newarr=arr.filter((v,i)=>     v%2==0)     console.log(newarr,'newarr');//2,16,4,6   //2.过滤器 保留为true的结果   let arrtue=[13,14,9,33]   let newarr2=arrtue.filter(item=>(item%3===0)?true:false)   console.log(newarr2,'newarr2');//9,33   //3.利用filter去重‘ // 第一种   let arr3=[2,3,5,1,2,3,4,5,6,8],newarr3   function unique(arr){    const res = new map()    return arr.filter((item)=>      !res.has(item) && res.set(item,1)    )    }   console.log(newarr3=unique(arr3),'newarr3');//2,3,5,1,4,6,8//第二种  let testarray = [        {key:01,name:'张三'},        {key:02,name:'小李'},        {key:03,name:'小罗'},        {key:04,name:'张三'},        {key:03,name:'小李'},      ];      let deduplicationafter = testarray.filter((value,index,array)=>{      //findindex符合条件的数组第一个元素位置。        return array.findindex(item=>item.key === value.key && item.name === value.name) === index      })      console.log(deduplicationafter)
3.map ：
map遍历数组，返回一个新数组，不改变原数组， 映射 一个对一个，映射到一个新数组
let arr = [6,10,12,5,8]let result = arr.map(function (item) {    return item*2})let result2 = arr.map(item=>item*2) // es6的箭头函数简写，若想了解，后面的文章有介绍console.log(result)console.log(result2)let score = [18, 86, 88, 24]let result3 = score.map(item => item >= 60 ? '及格' : '不及格')console.log(result3)
4.reduce：
reduce()汇总 一堆出来一个（用于比如，算个总数，算个平均）,reduce让数组的前后两项进行某种计算,然后返回其值，并继续计算,不改变原数组,返回计算的最终结果,如果不给定初始值，则从数组的第二项开始遍历
arr.reduce(callback(accumulator, currentvalue[, index[, array]])[, initialvalue]) ，第一个参数回调函数，第二个参数初始值
4.1求和
//第一种给定初始值 var arr = [1, 3, 5, 7]; // 原理: 利用reduce特性 prev初始值设置0 并把函数的返回值再次带入函数中 var sum = arr.reduce(function (tmp, item,index) { // prev 初始为0 以后则为函数返回的值 console.log(tmp,item,index); // 0 1 0 // 1 3 1 // 4 5 2 // 9 7 3 return tmp + item; // 数组各项之间的和 }, 0); console.log(sum); //16 //第二种不给初始值 var arr2 = [1, 3, 5, 7] var result = arr2.reduce(function (tmp, item, index) { //tmp 上次结果，item当前数，index次数1开始 console.log(tmp, item, index) //1 3 1 // 4 5 2 // 9 7 3 return tmp + item; })console.log(result,) //16
4.2 求平均数
var arr = [1, 3, 5, 7]var result = arr.reduce(function (tmp, item, index) { console.log(tmp,item,index); // 1 3 1 // 4 5 2 // 9 7 3 if (index != arr.length - 1) { // 不是最后一次 return tmp + item } else { return (tmp + item)/arr.length }})console.log(result,'[[[u99') // 平均值 4
【相关推荐：javascript视频教程、web前端】
以上就是es6中数组新增常用的4个方法是什么的详细内容。