forEach(),map(),filter()和reduce()，find（）区别

forEach(),map(),filter()和reduce()，find（）区别

这几种都是数组的遍历方法方法用法上容易混淆，这里写下我的理解

forEach()

支持：除去（ie678）

forEach只是简单的将数组遍历，类似于军人接受检阅，但是检阅结束并不会返回任何东西，也不会改变原数组,forEach的返回永远是undefind

    let total = null
    let arr = [1,2,3]
    let result = arr.forEach(a => {
        total += a
        return a + 1
    })
    console.log(result) //undefind
    console.log(total) //6
    console.log(arr) //[1,2,3]
forEach与for..in在数组的处理方式上是一致的，区别在于for…in可以遍历对象上的所有可枚举属性，forEach只是数组上的一个函数

map()

支持：除去（ie678）

map可以比喻成去超市买东西，你拿了一个物品清单，然后服务员帮你拿好东西，返回给你一个物品的新数组，但是对清单原数组不发生改变

let goodsList = ['apple','pear','orange']
let goods = goodList.map(good => {
  return superMarket.getGoods(good)
})
 console.log(goodsList) //['apple','pear','orange']
 console.log(goods) //三个物品对象

reduce()

支持：除去（ie678）

reduce主要是为了对所有数组进行累加，最后返回一个值，不改变原数组，类似让男生把排队把把身高加起来

let totalHight = boys.reduce((counetedHight/*当前的高度总和*/,boy/*数组当前遍历到的元素*/)=> {
  return countedHigh + boy.hight
})

filter()

支持：除去（ie678）

filter()就是让男生排队身高高于180的就归入到新数组中，最后返回一个里面装着所有180+的男生的数组，不改变原数组

let highBoys = boys.filter((boy/数组当前遍历到的元素/)=> {
  return boy.highy >= 180
}
 console.log(highBoys) // [boy,boy,....]

find()

支持：ie各版本都不支持

find（）函数就是你去找人想找一个180的男生帮你去搬砖，只要找到第一个就停止遍历，因为只要找一个，为了减少无用的操作，虽然其他方法也能实现同样的要过，但是最好用find（）

let highBoy = boys.filter((boy/数组当前遍历到的元素/)=> {
  return boy.highy >= 180
}
 console.log(highBoy) // boy

总结

数组以上的方法都不会该改变原数组，但是都不兼容ie的低版本，所以如果有兼容需求就避免使用，或者用babal-polyfill编译成替代写法
--------------------- 
作者：何其涛 
来源：优快云 
原文：https://blog.youkuaiyun.com/deng1456694385/article/details/80295988 
版权声明：本文为博主原创文章，转载请附上博文链接！