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

前端之家收集整理的这篇文章主要介绍了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只会返回一个新数组,不会改变原来那个数组。

原文链接:https://www.f2er.com/js/415083.html

猜你在找的JavaScript相关文章