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
- javascript中map、foreach、reduce、filter间区别?
- 如何形象地解释 JavaScript 中 map、foreach、reduce 间的区别?
- 如何形象地解释 JavaScript 中 map、foreach、reduce 间的区别?
- 如何形象地解释 JavaScript 中 map、foreach、reduce 间的区别?
- 一张图看懂JavaScript中数组的迭代方法:forEach、map、filter、reduce、every、some
- javascript中数组的迭代方法对比:forEach()、map()、reduce()、some()、every()、filter()图解
- JavaScript中数组的迭代方法:forEach、map、filter、reduce、every、some
- 一张图看懂JavaScript中数组的迭代方法:forEach、map、filter、reduce、every、some
- JAVASCRIPT中数组的迭代方法:FOREACH、MAP、FILTER、REDUCE、EVERY、SOME各个说明
- array之reduce/map/forEach/filter
- javaScript循环总结(for,for-in,for-of,forEach,map,filter,every,reduce,reduceRight)
- python中map,filter和reduce函数区别
- JavaScript数组forEach()、map()、reduce()方法
- ES5中,Array新增API(上)之forEach、filter、map、reduce
- js中数组过滤、遍历、迭代every、some、filter、map、forEach、reduce、reduceRight
- JS中some(),every(),forEach(),map(),filter()区别
- JS中some(),every(),forEach(),map(),filter()区别
- js数组中forEach,map,filter的区别
- Python 绘图 Matplotlib 快速参考手册
- pandas中如何计算一个时间序列有多少天
- 数据库
- JS中的流程控制 优就业
- UVA
- javascript中map、foreach、reduce、filter间区别?
- Mysql单表性能测试(分表依据)
- 初识http、https、TCP/IP、Socket网络通信
- 四种环境下编译nanomsg库
- C语言实现词法分析器
- WKWebView浅析
- Spring mvc +miniUI 前后台交互 报415错误
- UIWebView显示网页没有置顶显示
- 使用android设备录音,以及将音频插入MediaStore