Map、FlatMap 和 Reduce
2024-08-26 22:16:21
Map 作用是生成一个新数组,遍历原数组,将每个元素拿出来做一些变换然后 append 到新的数组中。
[1, 2, 3].map((v) => v + 1)
// -> [2, 3, 4]
Map 有三个参数,分别是当前索引元素,索引,原数组
['1','2','3'].map(parseInt)
// parseInt('1', 0) -> 1
// parseInt('2', 1) -> NaN
// parseInt('3', 2) -> NaN
FlatMap 和 map 的作用几乎是相同的,但是对于多维数组来说,会将原数组降维。可以将 FlatMap 看成是 map + flatten ,目前该函数在浏览器中还不支持。
[1, [2], 3].flatMap((v) => v + 1)
// -> [2, 3, 4]
如果想将一个多维数组彻底的降维,可以这样实现
const flattenDeep = (arr) => Array.isArray(arr)
? arr.reduce( (a, b) => [...a, ...flattenDeep(b)] , [])
: [arr]
flattenDeep([1, [[2], [3, [4]], 5]])
Reduce 作用是数组中的值组合起来,最终得到一个值
function a() {
console.log(1);
}
function b() {
console.log(2);
}
[a, b].reduce((a, b) => a(b()))
// -> 2 1
参考资料:
前端进阶之道
最新文章
- Tokudb 参数优化
- ROW_NUMBER over (order by **)
- React Native版本升级的正确姿势
- Javascript 面向对象编程初探(一)--- 封装
- Android应用程序(APK)的编译打包过程
- hdu 1686 Oulipo KMP匹配次数统计
- ###学习《C++ Primer》- 2
- HDU2639[背包第K大]
- Chapter 1 First Sight——26
- storm遇到问题汇总
- 这一次带你彻底了解Cookie
- Java:使用匿名内部类在方法内部定义并启动线程
- JSP错误页面处理的两种方式
- Java 服务端监控方案(四. Java 篇)
- java基础语法2.
- Linux基础命令---iptables-save
- 自学Java第三个星期的总结
- TypeScript set get
- Spring 注解驱动(一)基本使用规则
- scala工程导入报错:scalatest_2.10-1.9.1.jar is cross-compiled with an incompatible version of Scala (2.10).