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

    xiaoxiao2021-04-19  82

    假设我们有个数组,每个元素是一个人,你面前站了一排人。 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只会返回一个新数组,不会改变原来那个数组。

    转载请注明原文地址: https://ju.6miu.com/read-675788.html

    最新回复(0)