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

来源:互联网 发布:为什么dota2知乎 编辑:程序博客网 时间:2024/06/05 09:28

假设我们有个数组,每个元素是一个人,你面前站了一排人。
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;});

总结:map和filter只会返回一个新数组,不会改变原来那个数组。

0 0