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 2 3 4 5

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

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

?

1 2 3 4 5 6 7 8 9

var ages = [3, 10, 18, 20];   function checkAdult(age) {     return age >= 18; }   function myFunction() {     console.log(ages.some(checkAdult)); }<br>输出为：true

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

• 如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测
• 如果没有满足条件的元素，则返回false
• function形参和map一样

some不会改变原数组，some不会检查空数组

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

?

1 2 3 4 5 6 7 8 9

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：创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素

　

?

1 2 3 4 5 6 7 8 9

var ages = [32, 33, 16, 40];   function checkAdult(age) {     return age >= 18; }   function myFunction() {     console.log(ages.filter(checkAdult)); }<br>输出结果：32,33,34

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