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

js的Array对象有map、some、every、filter几个方法都能对数组中的每个对象进行处理,但是他们之间的功能又各有差别,所以在记下。

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

var numbers = [4, 9, 16, 25];
function myFunction() {
console.log(numbers.map(Math.sqrt));
}
输出结果为:2,3,4,5

map() 方法会将数组中元素依次传入方法中,并将方法的返回结果组成新数组返回。

传入的function可以有自己的三个形参,currentValue, index,arr分别代表当前元素,元素索引,元素所属数组对象;其中currentValue是必须的。

注意:map不会改变原数组,map不会检查空数组


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

var ages = [3, 10, 18, 20];
function checkAdult(age) {
return age >= 18;
}
function myFunction() {
console.log(ages.some(checkAdult));
}

输出为:true

some方法会依次执行数组的每个元素;

如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测
如果没有满足条件的元素,则返回false
function形参和map一样
注意:some不会改变原数组,some不会检查空数组


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

var ages = [32, 33, 16, 40];

function checkAdult(age) {
return age >= 18;
}
function myFunction() {
console.log(ages.every(checkAdult));
}
输出结果:false

every和some正好相反:

如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
如果所有元素都满足条件,则返回 true。
function形参同上
注意:every不会改变原数组,every不会检查空数组


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

复制代码
var ages = [32, 33, 16, 40];

function checkAdult(age) {
return age >= 18;
}

function myFunction() {
console.log(ages.filter(checkAdult));
console.log(ages);
}

输出结果:
32,33,40

filter会根据函数中的筛选条件将返回的结果组成一个新的数组并返回


forEach
数组中每个元素每个都遍历一次


findIndex
查找符合条件数组的索引

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端段

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值