JS 数组方法——every/some/filter/map/reduce

一.栈方法

栈是一种后进先出的数据结构，也就是最新添加的项最早被移除。而栈中项的插入（入栈）和移除（出栈），只发生在一个位置——栈的顶部。

1.push()

push()方法可以接收任意数量的参数，把它们逐个添加到数组末尾。
该方法： 改变原数组
返回值：修改后数组的长度。

var arr = [];
arr.push("red", "blue");
console.log(arr);  //["red", "blue"];
var count = arr.push('blank');  //添加后，返回数组长度
console.log(count);	 //3

2.pop()

pop()方法则从数组末尾移除最后一项，同时将数组长度减 1。
该方法： 改变原数组
返回值：移除的项。

var arr = ["red", "blue", "green"];
arr.pop();
console.log(arr);  //["red", "blue"];
var count = arr.pop();  //删除后，返回被删除的元素
console.log(count);	 //blue

二.队列方法

队列数据结构的访问规则是先进先出。队列在列表的末端添加项，从列表的前端移除项。由于 push()是向数组末端添加项的方法，因此要模拟队列只需一个从数组前端取得项的方法。

1.shift()

shift()方法能够移除数组中的第一个项，同时将数组长度减 1。
该方法： 改变原数组
返回值：移除的项。

var arr = ["red", "blue", "green"];
arr.shift();
console.log(arr);  //["blue", "green"];
var count = arr.shift();  //删除后，返回被删除的元素
console.log(count);	 //blue

2.unshift()

unshift方法能在数组前端添加任意个项。
该方法： 改变原数组
返回值：修改后数组的长度。

var arr = [];
arr.unshift("red", "blue");
console.log(arr);  //["red", "blue"];
var count = arr.unshift('blank');  //添加后，返回数组长度
console.log(count);	 //3

三.排序方法

数组中已经存在两个可以直接用来重排序的方法：reverse()和 sort()。

1.reverse()

reverse()方法会反转数组项的顺序。
该方法： 改变原数组
返回值：无

var arr= [1, 2, 3, 4, 5]; 
arr.reverse();
console.log(arr);  //[5, 4, 3, 2, 1]

2.sort()

sort()方法在默认情况下，按升序排列数组项——即最小的值位于最前面，最大的值排在最后面。(ASCII码比较)
该方法： 改变原数组
返回值：无

var arr= [0, 1, 5, 10, 15]; 
arr.sort(); 
console.log(arr);  //[0, 1, 10, 15, 5]

可以看到，例子中值的顺序按照ASCII码进行排序的，而我们想要的是正常排序。因此 sort()方法可以接收一个比较函数作为参数，以便我们指定哪个值位于哪个值的前面。

var arr= [0, 1, 5, 10, 15]; 
arr.sort(function(a,b){
/*		if(a>b){
			return 1;
		}else if(a<b){
			return -1;
		}
		return 0;	*/
		//简便方法
		return a-b;
	});	
console.log(arr);  //[0, 1, 5, 10, 15]

此方法实现了从小到大的排序，如果想得到从大到小的顺序，只需把函数中-1和1互换即可。

四.操作方法

ECMAScript 为操作已经包含在数组中的项提供了很多方法。

1.concat()

concat()方法可以基于当前数组中的所有项创建一个新数组，即合并数组。
该方法： 不改变原数组
返回：重组后的新数组

在没有给 concat()方法传递参数的情况下，它只是复制当前数组并返回副本。可以用来复制数组。

var arr = ["red", "blue", "green"];
var arr1 = arr.concat();
console.log(arr1);  //["red", "blue", "green"]

如果传递给 concat()方法的是一或多个数组，则该方法会将这些数组中的每一项都添加到结果数组中。如果传递的值不是数组，这些值就会被简单地添加到结果数组的末尾。

var arr = ["red", "blue", "green"];
var arr1 = ['Jack'];
var arr0 = arr.concat(arr1,'20',['新元素']);
console.log(arr0);  //["red", "blue", "green", "Jack", "20", "新元素", ['新元素2']]

2.slice()

slice()方法能够截取当前数组中的一个或多个项。
该方法 ：不改变原数组
返回：截取后的新数组

slice()方法可以接受一个或两个参数。arr[start，end)，前闭后开
一个参数 ——即从索引start开始截取到当前数组末尾

var arr= [1, 2, 3, 4, 5]; 
var arr0 = arr.slice(1);
console.log(arr0);  //[2, 3, 4, 5]

两个参数 ——即从索引start开始截取到索引end(不包含end)

var arr= [1, 2, 3, 4, 5]; 
var arr0 = arr.slice(1,3);
console.log(arr0);  //[2, 3]
var arr1 = arr.slice(1,-1);  //-1即倒数第一个元素
console.log(arr1);  //[2, 3, 4]

3.splice()

splice()方法，这个方法恐怕要算是最强大的数组方法了,splice()的主要用途是向数组的中部插入项。
该方法： 改变原数组
返回：一个新数组，从原始数组中删除的项（如果没有删除任何项，则返回一个空数组）。

删除：可以删除任意数量的项，只需指定 2 个参数：要删除的第一项的位置和要删除的项数。

var arr = ["red", "blue", "green"];
arr.splice(1,1);  //从索引1开始删1个元素
console.log(arr);  //["red", "green"]

插入：可以向指定位置插入任意数量的项，只需提供 3 个参数：起始位置、0（要删除的项数）和要插入的项。如果要插入多个项，可以再传入第四、第五，以至任意多个项。

var arr = ["red", "blue", "green"];
arr.splice(1,0,'blank');  //从索引1开始插入1个元素
console.log(arr);  //["red", "blank", "blue", "green"]

替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定 3 个参数：起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。

var arr = ["red", "blue", "green"];
arr.splice(1,1,'blank','orange');  //从索引1开始删除1个元素，并在此处插入2个元素
console.log(arr);  //["red", "blank", "orange", "green"]

4.join()

splice()方法，可以将数组分割为字符串

五.位置方法

ECMAScript 5 为数组实例添加了两个位置方法：indexOf()和 lastIndexOf()。这两个方法都接收两个参数：要查找的项和（可选的）查找起点位置的索引。
返回值：要查找的项在数组中的位置，或者在没找到的情况下返回-1。返回最近的一个位置

注意：在比较第一个参数与数组中的每一项时，会使用全等操作符；也就是说，要求查找的项必须严格相等。

1.indexOf()

数组检索——indexOf()方法从数组的开头（位置 0）开始向后查找。

var arr= [1,2,3,4,5,4,3,2,1];
console.log(arr.indexOf(4));  //3
console.log(arr.indexOf(4,4));  //5 从索引4开始向后查找元素4

2.lastIndexOf()

数组检索——lastIndexOf()方法则从数组的末尾开始向前查找。

六.迭代方法

1.every()

数组判断——判断数组中是否全部满足规则，有则返回 true。

var arr=[2,42,99,34,2];
var re2 = arr.every(function(item,index,arr){
		return item>22;
	})
	console.log(re2);  //false

2.some()：

数组判断——判断数组中是否有满足规则的(有一个即可)，有则返回 true。

var arr=[2,42,99,34,2];
var re2 = arr.some(function(item,index,arr){
		return item>22;
	})
	console.log(re2);  //true

3.filter()

数组过滤——对查询符合某些条件的所有数组项非常有用。
该方法： 不改变原数组
返回：该函数会返回 true 的项组成的数组。

var arr= [1,2,3,4,5,4,3,2,1]; 
var arr0= arr.filter(function(item, index, array){ 
	return arr.indexOf(item) === index;  //判断每个元素的位置是否全等他的索引，返回满足的数组元素，即数组去重
}); 
console.log(arr0); //[1,2,3,4,5]

4.map()

数组映射——创建包含的项与另一个数组一一对应的数组。
该方法： 不改变原数组
返回：每次函数调用的结果组成的数组。

var arr= [1,2,3,4,5,4,3,2,1]; 
var arr0= arr.map(function(item, index, array){ 
	return item * 2;  //给数组中的每一项乘以 2，然后返回这些乘积组成的数组 
}); 
console.log(arr0); //[2,4,6,8,10,8,6,4,2]

5.reduce()

数组中两两元素之间进行相加/比较等操作后得到唯一一个结果。
该方法： 不改变原数组

var arr = [1,2,3];
var sum = arr.reduce(function(x,y){
	return x+y;  //数组中两两相加，第二个参数可选（如有参数，则用参数依次和数组元素相加）
},0);  
console.log(sum);  //6
console.log(arr);  //[1,2,3]

var arr = [3,9,6];
var max = arr.reduce(function(x,y){
	return x>y?x:y;  //数组中两两比较，选出最大的数依次往后比较
},0);  
console.log(max);  //9
console.log(arr);  //[3,9,6]

forEach()：对数组遍历。这个方法没有返回值。
以上方法都不会修改数组中的包含的值