如何形象的解释javascript中map,foreach,reduce的区别

作者:尤雨溪
https://www.zhihu.com/answer/29478982
应题主要求来个形象的：假设我们有一个数组，每个元素是一个人。你面前站了一排人。foreach 就是你按顺序一个一个跟他们做点什么，具体做什么，随便:
people.forEach(function (dude) { dude.pickUpSoap();
});
map 就是你手里拿一个盒子（一个新的数组），一个一个叫他们把钱包扔进去。结束的时候你获得了一个新的数组，里面是大家的钱包，钱包的顺序和人的顺序一一对应。
var wallets = people.map(function (dude) {
return dude.wallet;
});
reduce 就是你拿着钱包，一个一个数过去看里面有多少钱啊？每检查一个，你就和前面的总和加一起来。这样结束的时候你就知道大家总共有多少钱了。
关注公众号：程序员总部
回复python,免费领取价值全套vip python视频教程回复java,免费领取价值全套vip java视频教程回复前端,免费领取价值全套vip 前端视频教程回复php,免费领取价值全套vip php视频教程
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;});
最后要说明一点这个类比和实际代码的一个区别，那就是 map 和 filter 都是 immutable methods，也就是说它们只会返回一个新数组，而不会改变原来的那个数组，所以这里 filter 的例子是和代码有些出入的（原来的盒子里的钱包减少了），但为了形象说明，大家理解就好。

如何形象的解释javascript中map,foreach,reduce的区别相关推荐

js数组中forEach/some/every/map/filter/reduce的区别
2019独角兽企业重金招聘Python工程师标准>>> // js数组中forEach/some/every/map/filter/reduce的区别// 1. foreach:就是 ...
用一顿简餐来解释JavaScript中的状态
by Kevin Kononenko 凯文·科诺年科(Kevin Kononenko) 用一顿简餐来解释JavaScript中的状态 (State in JavaScript explained by ...
JavaScript 中的forEach()方法
JavaScript 中的forEach方法一.forEach()的定义和用法? 1.第一个是数组的每一项值(必选) 2.第二个是数组下标(可选) 3.第三个是原数组(可选) 4.forEach() ...
原 c++中map与unordered_map的区别
c++中map与unordered_map的区别头文件 map: #include < map > unordered_map: #include < unordered_map ...
MapReduce框架中map、reduce方法的运行机制
MapReduce框架中map.reduce方法的运行机制 Hadoop的API中提供了Mapper和Reducer抽象类,分别有个抽象map()方法和reduce()方法,使用时只需实现该抽象类和抽 ...
Python函数式编程中map()、reduce()和filter()函数的用法
Python中map().reduce()和filter()三个函数均是应用于序列的内置函数,分别对序列进行遍历.递归计算以及过滤操作.这三个内置函数在实际使用过程中常常和"行内函数&quo ...
javascript中children和childNodes的区别
javascript中children和childNodes的区别 1.childNodes:它是标准属性,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本节点. 可以通过nodeType ...
javascript中call和apply的区别
我理解javascript中call和apply的区别仅在于语法不同. 下例中分别调用call和apply对myObj进行修改,语法不同,但使用效果是一样的: var myObj = { " ...
JavaScript 中 Property 和 Attribute 的区别
转自:http://www.cnblogs.com/elcarim5efil/p/4698980.html property 和 attribute非常容易混淆,两个单词的中文翻译也都非常相近(pro ...

如何形象的解释javascript中map,foreach,reduce的区别

如何形象的解释javascript中map,foreach,reduce的区别相关推荐

最新文章

热门文章