JavaScript数组的迭代方法(every、filter、forEach、map和some)

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

猜你喜欢

转载自blog.csdn.net/TalonZhang/article/details/84838566