JS高程5.引用类型(6)Array类型的地方方法,迭代情势,归并措施

一.地点方法

  ECMAScript5为数组实例添加了几个岗位:indexOf()和
lastIndexOf()。这六个点子接收五个参数:要寻找的项和(可选的)表示查找起源地点的目录(如在数组[7,8,9,1,0]中,“7”在首先个岗位,它的目录是0。)。其中,indexOf()方法从数组的初叶(地点0)起首向后查找,lastIndexOf()方法从数组的尾声起先向前查找。

  注意:

  那六个方法都回来要寻找的项在数组中的地方,在没有找到的情况下再次来到-1。

  在相比第一个参数与数组中的每一项时,使用的是全等操作符(===)。

eg:

 1 var numbers=[1,2,3,4,5,4,3,1];
 2 alert(numbers.indexOf(4));//3
 3 alert(numbers.lastIndexOf(4));//4
 4 
 5 alert(numbers.indexOf(4,4));//5
 6 alert(numbers.lastIndexOf(4,4));//3
 7 
 8 var person={name:"linshuling"};
 9 var people=[{name:"linshuling"}];
10 
11 var morePeople=[person];
12 
13 alert(people.indexOf(person));//-1
14 alert(morePeople.indexOf(person));//0

 

二.迭代模式

  ECMAScript5为数组定义了5个迭代方法。每个方法都接到五个参数:在每一项上运行的函数和(可选的)运行该函数的效能域对象——影响this的值。

传扬这些点子中的函数会接收多个参数:数组项的值,该项在数组中的地点和数组对象自我。

 

(1)every():对数组中的每一项运行给定的函数,假如函数对每一项都回去true,则赶回true。

eg:

1 var numbers=[1,2,3,4,5,4,3,2,1];
2 var everyResult=numbers.every(function(item,index,array){
3     return(item>2);
4 })
5 var everyResult1=numbers.every(function(item,index,array){
6     return(item>0);
7 })
8 alert(everyResult);//false
9 alert(everyResult1);//true

(2)some():对数组中的每一项运行给定函数,倘若该函数对自由一项再次回到true,则赶回true。

eg:

1 var numbers=[1,2,3,4,5,4,3,2,1];
2 var someResult=numbers.some(function(item,index,array){
3     return(item>4);
4 })
5 var someResult1=numbers.some(function(item,index,array){
6     return(item>5);
7 })
8 alert(someResult);//true
9 alert(someResult1);//false

(3)filter()对数组中的每一项运行给定的函数,重返该函数会回去true的项整合的数组。

eg:

1 var numbers=[1,2,3,4,5,4,3,2,1];
2 var filterResult=numbers.filter(function(item,index,array){
3     return(item>4);
4 })
5 var filterResult1=numbers.filter(function(item,index,array){
6     return(item>5);
7 })
8 alert(filterResult);//5
9 alert(filterResult1);//空数组

(4)map()对数组中的每一项运行给定函数,重返每一遍函数调用的结果组成的数组。

eg:

1 var numbers=[1,2,3,4,5,4,3,2,1];
2 var mapResult=numbers.map(function(item,index,array){
3     return(item+4);
4 })
5 var mapResult1=numbers.map(function(item,index,array){
6     return(item>5);
7 })
8 alert(mapResult);//5,6,7,8,9,10,9,8,7,6,5
9 alert(mapResult1);//false,false,false,false,false,false,false,false,false

(5)forEach()对数组中的每一项运行给定函数。那些函数没有再次来到值。

eg:

1 var numbers=[1,2,3,4,5,4,3,2,1];
2 var forEachResult=numbers.forEach(function(item,index,array){
3     return(item+4);
4 })
5 var forEachResult1=numbers.forEach(function(item,index,array){
6     return(item>5);
7 })
8 alert(forEachResult);//undefined
9 alert(forEachResult1);//undefined

该模式本质上与应用for循环迭代数组是相同的。

eg:

1 var numbers=[1,2,3,4,5,4,3,2,1];
2     number.forEach(function(item,index,array){
3         //执行某些操作
4     });

 

三.归并方法

  ECMAScript5中新增了两个归并数组的点子:reduce()和reduceRight()。这多少个方法会迭代数组的有所项,然后构建一个结尾的重临值。其中,reduce()方法从数组的率先项起首,逐个历遍到终极。而reduceRight()则从数组的最终一项开头,向前历遍到第一项。

  这三个章程都接受五个参数:一个是在每一项上调用的函数和(可选的)作为联合基础的开头值。传入给reduce()和reduceRight()的函数接收两个参数:前一个值,当前值,项的目录和数组对象。

eg:

应用reduce()方法可以推行求数组中所有值的和

1 var number=[1,2,3,4,5];
2 var sum=number.reduce(function(prev,cur,index,array){
3     return prev+cur;
4 });
5 alert(sum);//15

 

留神:使用reduce和reduceRight(),紧要取决于要从哪头起始历遍数组。除此之外,他们是完全相同的。