es6中map()、some()、every()、filter()的区别

楼主^#

更多发布于：2020-09-17 10:09

ES6的Array对象有map、some、every、filter几个方法都能对数组中的每个对象进行处理，但是他们之间的功能又各有差别

map()：通过指定函数处理数组的每个元素，并返回处理后的数组。

图片：1600308035(1).jpg

输出结果为：

图片：1600308107(1).jpg

注意 map() 方法会将数组中元素依次传入方法中，并将方法的返回结果组成新数组返回。
传入的function可以有自己的三个形参，currentValue, index,arr分别代表当前元素，元素索引，元素所属数组对象；其中currentValue是必须的。
map不会改变原数组，map不会检查空数组

some()：用于检测数组中的元素是否满足指定条件（函数提供)

图片：QQ截图20200917100212.png

输出为：true
some方法会依次执行数组的每个元素；
如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测
如果没有满足条件的元素，则返回false
function形参和map一样
注意：some不会改变原数组，some不会检查空数组

every：用于检测数组所有元素是否都符合指定条件（通过函数提供）

[color='&amp]图片：eve.png

输出结果：false
every和some正好相反：
如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
如果所有元素都满足条件，则返回 true。
function形参同上
注意：some不会改变原数组，some不会检查空数组

filter：创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素

[color='&amp]图片：filter.png

[color='&amp]
输出结果：

图片：fil输出结果.png

喜欢1

lililala6868 禁止发言最后登录2021-03-17 发帖数3 加关注写私信	沙发^# 发布于：2021-03-17 16:24 用户被禁言,该主题自动屏蔽!
	回复(0) 喜欢(0)

es6中map()、some()、every()、filter()的区别

最新喜欢：