JS高程5.引用类型Array类型的位置方法，迭代方法，归并方法

Posted 2020-08-27 最骚的就是你

一.位置方法

　　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（），主要取决于要从哪头开始历遍数组。除此之外，他们是完全相同的。