javascript,如何理解数组遍历相关的find/filter/map函数?
发布于 作者:苏南大叔 来源:程序如此灵动~

本文接着描述js
数组的遍历相关函数,在前面的文章里面,已经描述过了.find()
。本篇文章里面引入了另外两个类似的函数,.filter()
和.map()
。那么,这三个函数都有哪些区别呢?这就是本文要讨论的主要内容。

大家好,这里是苏南大叔的程序如此灵动博客,这里记录苏南大叔和计算机代码的故事。本文描述JavaScript数组遍历相关的三个函数,分别是.find()
、.filter()
和.map()
。测试环境:node@16.14.2
。
测试用例
这里先定义个数组,后续的内容就是对这个数组进行遍历。
.find()
检测是否存在某数据
.find()
可以筛选出符合特征的第一条数据,没有找到的话,返回undefined
。
参考文章:

.filter()
查找出所有数据
.filter()
可以筛选出符合特征的所有数据,没有找到的话,返回空数组[]
。

.map()
遍历所有的数据
.map()
遍历所有的数据,没有“没找到”的情况。除非遍历主体是个空数组,那么,返回值还是个空数组。

reduce
遍历数据
虽然.reduce
的正确使用方式并不是这样的,但是客观确实可以达到遍历变量的目的。reduce
的具体用法,待后续文章讨论。

相关文章
- https://newsn.net/say/js-arr-find.html
- https://newsn.net/say/js-localecompare.html
- https://newsn.net/say/js-inarray.html
- https://newsn.net/say/js-arr-shift.html
总结
没啥可总结的,发个链接吧。


