JavaScript数组(Array)类型之迭代方法

ECMAScript 5为数组定义了5个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响this的值。

传入这些方法中的函数会接收到三个参数:数组项的值该项在数组中的位置数组对象本身

以下是这5个迭代方法的作用:

  • every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。
  • some():对数组中的每一项运行给定函数,如果该函数对任一项都返回true,则返回true。
 1 var numbers = [1,2,3,4,5,4,3,2,1];  
 2   
 3 var everyResult = numbers.every(function(item, index, array){  
 4     return (item > 2);  
 5 });  
 6   
 7 alert(everyResult);    //false  
 8   
 9 var someResult = numbers.some(function(item, index, array){  
10     return (item > 2);  
11 });  
12   
13 alert(someResult);     //true  
  • filter():对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组。
1 var numbers = [1,2,3,4,5,4,3,2,1];  
2   
3 var filterResult = numbers.filter(function(item, index, array){  
4     return (item > 2);  
5 });  
6   
7 alert(filterResult);    //[3,4,5,4,3] 
  • forEach():对数组中的每一项运行给定函数。这个方法没有返回值。
1 var numbers = [1,2,3,4,5,4,3,2,1];  
2   
3 numbers.forEach(function(item, index, array){  
4     //执行某些操作  
5 });
  • map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
1 var numbers = [1,2,3,4,5,4,3,2,1];  
2   
3 var mapResult = numbers.map(function(item, index, array){  
4     return item * 2;  
5 });  
6   
7 alert(mapResult);    //[2,4,6,8,10,8,6,4,2]  

支持这些迭代方法的浏览器有IE9+、Firefox 2+、Safari 3+、Opera 9.5+和Chrome。

 

posted @ 2018-04-10 11:28  JimRae  阅读(262)  评论(0编辑  收藏  举报