ES5 中为数组定义了 5 个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响 this 的值。
传入这些方法中的函数接收三个参数:数组项的值、该项在数组中的位置(索引)和数组对象本身。
这 5 个方法都不会修改原数组中包含的值。
every ( ) 和 some ( )
every ( ) 和 some ( ) 是一对功能比较相近的函数,他们用于查询数组中的项是否满足某个条件。
every ( ) : 对数组中的每一项运行给定函数,如果该函数对每一项都返回 true,则返回 true。
some ( ) : 对数组中的每一项运行给定函数,如果该函数对任一项返回 true,则返回 true。
例如:
var nums = [1, 2, 3, 4, 5, 4, 3, 2, 1];
var everyResult = nums.every(function(item, index, array){
return (item > 2);
});
var someResult = nums.some(function(item, index, array){
return (item > 2);
});
alert(everyResult) // false
alert(someResult) // true
filter ( )
filter ( ) 方法利用指定的函数确定是否存在返回的数组中包含某一项。filter 是过滤器的意思,这个方法也可以理解为对数组过滤,返回符合指定函数要求的数组项组成的数组。
例如:
var filterResult = nums.filter(function(item, index, array){
// 返回满足条件的项
return (item > 2);
})
alert(filterResult) // 3,4,5,4,3
map ( )
map ( ) 方法也返回一个数组,数组中的每一项都是在原始数组中的对应项上运行传入函数的结果。
这个方法适合创建包含的项与另一个数组一一对应的数组。
例如:
var mapResult = nums.map(function(item, index, array){
return item * 2;
})
alert(mapResult) // 2,4,6,8,10,8,6,4,2
forEach ( )
forEach ( ) 方法只是对数组中的每一项运行传入的函数,这个方法没有返回值。 本质上与使用 for 循环迭代一样。
例如:
nums.forEach(function(item, index, array){
// 不会改变原数组
item *= 2;
})
alert(nums) // 1,2,3,4,5,4,3,2,1
nums.forEach(function(item, index, array){
// 可以改变原数组
array[index] *= 2;
})
alert(nums) // 2,4,6,8,10,8,6,4,2
全部代码
var nums = [1, 2, 3, 4, 5, 4, 3, 2, 1]
var everyResult = nums.every(function(item, index, array){
return (item > 2);
})
var someResult = nums.some(function(item, index, array){
return (item > 2);
})
var filterResult = nums.filter(function(item, index, array){
return (item > 2);
})
var mapResult = nums.map(function(item, index, array){
return item * 2;
})
nums.forEach(function(item, index, array){
// item *= 2;
array[index] *= 2;
})
alert(everyResult) // false
alert(someResult) // true
alert(filterResult) // 3,4,5,4,3
alert(mapResult) // 2,4,6,8,10,8,6,4,2
alert(nums) // 2,4,6,8,10,8,6,4,2