如何形象地解释 JavaScript 中 map、foreach、reduce 间的区别？

最新推荐文章于 2022-10-21 14:54:24 发布

胜玲龙

最新推荐文章于 2022-10-21 14:54:24 发布

阅读量170

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_40184218/article/details/118354687

版权

可以这么理解，假设我们有一个数组，每个元素是一个士兵，你是一位班长，然后现在你面前站了一排士兵。
map 就是你手里拿一个盒子（一个新的数组），一个一个叫他们把钱包扔进去，结束的时候你获得了一个装满钱包的盒子（一个新的数组），里面全是大家的钱包，但是有顺序，顺序和士兵排列的顺序一一对应。

const wallets = soliderList.map(function (item) {
  return item.wallet;
});

foreach 就是你按顺序一个一个跟他们说点什么或做点什么，具体做什么，都行，随便:

soliderList.forEach(function (item) {
  item.doSomething();
});

reduce 就是你拿着装满钱包的盒子，一个一个数过去看里面有多少钱，每检查一个，你就和前面数过的总和加起来。这样最后数完的时候你就知道盒子里总共有多少钱了。

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

注意：map会返回一个新的数组

关注