木森林林常识库

木森林林常识库
专业信息资源分享平台

JavaScript数组的迭代方法

ECMAScript5为数组定义了5个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响this的值。传入这些方法中的函数会接收三个参数:数组项的值该项在数组中的位置数组对象本身

一、every()方法

every()方法对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。

var numbers = [1,2,3,4,5,4,3,2,1];

var everyResult = numbers.every(function(item, index, array){
	return (item > 2);
});
console.log(everyResult);	//false

二、some()方法

some()方法对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true。

var numbers = [1,2,3,4,5,4,3,2,1];

var someResult = numbers.some(function(item, index, array){
	return (item > 2);
});
console.log(someResult);	//true

三、filter()方法

filter()方法对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组。

var numbers = [1,2,3,4,5,4,3,2,1];

var filterResult = numbers.filter(function(item, index, array){
	return (item > 2);
});

console.log(filterResult);	//[ 3, 4, 5, 4, 3 ]

四、map()方法

map()方法对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。

var numbers = [1,2,3,4,5,4,3,2,1];

var mapResult = numbers.map(function(item, index, array){
	return item * 2;
});

console.log(mapResult);	//[ 2, 4, 6, 8, 10, 8, 6, 4, 2 ]

五、forEach()方法

forEach()方法对数组中的每一项运行给定函数,这个方法没有返回值。本质上与使用for循环迭代数组一样。

var numbers = [1,2,3,4,5,4,3,2,1];

numbers.forEach(function(item, index, array){
	//执行某些操作
	console.log(item);
	console.log(index);
	console.log(array);
});

这些数组方法通过执行不同的操作,可以大大方便处理数组的任务。支持这些迭代方法的浏览器有IE9+、Firefox2+、Safari3+、Opera9.5+和Chrome。

分享:

评论