js中map()、some()、every()、filter()的区别
- map() 不会对空数组进行检测。
- map() 不会改变原始数组。
- forEach() 对于空数组是不会执行回调函数的。
- forEach() 这个方法并没有返回值。
- filter() 不会对空数组进行检测
- filter() 不会改变原始数组
找出两个数组中不同的数据
let _List = arr1.filter(item => !arr2.some(ele=> ele === item))
找出数组A中是否存在数组B const _boolean = arr2.every((val) => arr1.includes(val))
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会根据函数中的筛选条件将返回的结果组成一个新的数组并返回