本文主要是介绍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,1nums.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
这篇关于JavaScript数组的迭代方法(every、filter、forEach、map和some)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!