javascript中map、foreach、reduce、filter间区别？

假设我们有个数组，每个元素是一个人，你面前站了一排人。
foreach 就是你按顺序一个一个跟他们说做点什么，具体做什么：

people.forEach(function (dude) {
  dude.pickUpSoap();
});

map 就是你手里拿一个盒子（一个新数组），一个个叫他们把钱包扔进去。结束的时候你获得一个新数组，里面是大家的钱包，钱包顺序和人的顺序一 一对应。

var wallets = people.map(function (dude) {
  return dude.wallet;
});

reduce 就是你拿着钱包，一个个数过去看里面有多少钱，每检查一个，就和前面综合加起来，结束时候就知道总共多少钱了。

var totalMoney = wallets.reduce(function (countedMoney,wallet) {
  return countedMoney + wallet.money;
},0);

filter 就是你每个钱包数过去的时候，里面钱少于100块的不要（留在原来盒子里），大于100块的丢到新盒子里，这样结束的时候就有了一个新数组，里面都是大于100的钱包。

var fatWallets = wallets.filter(function (wallet) {
  return wallet.money > 100;
});

findIndex 就是钱包中某个金额面值相等中的第一张的位置。比如钱包中有50张100块，则返回第一张的位置

var fatWallets = wallets.findIndex(function (wallet) {
  return wallet.money === 100;
});

总结：map、filter、findIndex只会返回一个新数组，不会改变原来那个数组。