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

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

1 var numbers = [4, 9, 16, 25];
2  
3 function myFunction() {
4      console.log(numbers.map(Math.sqrt));
5 }
//2,3,4,5

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形参同上

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

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

 

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

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

function myFunction() {
    console.log(ages.filter(checkAdult));
}
输出结果:32,33,34

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

 

原文地址:https://www.cnblogs.com/webljl/p/14169159.html