js的Array对象有map、some、every、filter几个方法都能对数组中的每个对象进行处理,但是他们之间的功能又各有差别,所以在记下。
map():通过指定函数处理数组的每个元素,并返回处理后的数组。
var email = ['gmail.com', '163.com', 'qq.com'];
function myFunction() {
let result;
let value = 123456789;
result = email.map(domain => `${value}@${domain}`);
console.log(result);
}
输出结果为:
(3)['123456789@gmail.com', '123456789@163.com', '123456789@qq.com']
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 = [33, 16, 18, 20]
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));
}
输出结果:
1 |
|
filter会根据函数中的筛选条件将返回的结果组成一个新的数组并返回
注意:filter不会改变原数组,filter不会检查空数组