JavaScript数组方法汇总（ES5）

根据《JavaScript高级程序设计》，整理array用法

1，join

只接收一个参数，即用作分隔符的字符串。

var colors = ["red","green","blue"];
alert(colors.join("||"));	//red||green||blue

2，push&pop

push方法可以接收任一数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。

var colors = ["red","green"];
var count = colors.push("blue");	//3
console.log(colors);	//["red","green","blue"]

pop方法从数组末尾移除最后一项（不带参数），减少数组length的值，然后返回移除的结果。

var colors = ["red","green"];
colors.push("blue");	//3
colors.pop();	//"blue"
console.log(colors);	//["red","green"]

3，shift&unshift

shift方法移除数组中的第一个项并返回该项，同时将数组长度减1。

var colors = ["red","green","blue"];
var count = colors.shift();	 //red

unshift方法在数组前端添加任意个项并返回新数组的长度。

var colors = ["red","green"];
var count = colors.unshift("blue");	 //3
console.log(colors);	//["blue","red","green"]

4，reverse

reverse方法会反转数组的顺序

var colors = ["red","green","blue"];
colors.reverse();
console.log(colors);	//["blue","green","red"]

5，sort

默认情况下，sort按升序排列数组，但此方法会把数组的每个项转成string后比较，所以会出现2>11的情况。

var colors = [2,12,33,44,55];
colors.sort();
console.log(colors);	//[12,2,33,44,55]

sort方法可以接收一个比较函数作为参数，以便指定哪个值位于哪个值的前面。

var colors = [12,2,3,22,15];
function compare(value1,value2) {
	if(value1<value2){
		return -1;
	}else if(value1>value2){
		return 1;
	}else {
		return 0;
	}
}
colors.sort(compare);
console.log(colors);	//[2,3,12,15,22]

注：返回0或负数不交换位置，返回正数交换位置。

对于数值类型的数组，可以用一个比较简单的比较函数。

function compare(value1,value2) {
	return value1-value2;	//升序
}

6，concat

concat方法可以基于当前数组中的所有项创建一个新数组。

var colors = ["red","green"];
var colors2 = colors.concat("white","black");
console.log(colors2);	//["red","green","white","black"];

7，slice

slice方法基于当前数组中的一个或多个项创建一个新数组。接受一或两个参数，即要返回项的起始和结束位置。在只有一个参数的情况下，slice方法返回从该参数指定位置开始到当前数组末尾的所有项。

var colors = ["red","green","white","black"];
var colors2 = colors.slice(1);
var colors3 = colors.slice(1,3);
console.log(colors2);	//["green","white","black"]
console.log(colors3);	//["green","white"]

注： slice方法不会影响原始数组。

8，splice

（注：假设有一个光标，则此光标位于第一个参数所指项的左侧，所有的操作都从此光标开始。）

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

var colors = ["red","green","white","black"];
colors.splice(0,2);
console.log(colors);	//["white","black"]

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

var colors = ["red","green","white","black"];
colors.splice(1,0,"item1","item2");
console.log(colors);	//["red","item1","item2","green","white","black"]

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

var colors = ["red","greed","white","black"];
colors.splice(2,1,"item1","item2");
console.log(colors);	//["red","green","item1","item2","black"]

9，indexOf&lastIndexOf

（注：以下方法都不会修改数组中包含的值。）

这两个方法都接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中，indexOf方法从数组开头（位置0）开始向后查找，lastIndexOf方法从数组的末尾开始向前查找。

这两个方法都要返回要查找的项在数组中的位置，或者在没有找到的情况下返回-1。在比较第一个参数与数组中的每一项时，会使用全等操作符；也就是说，要求查找的项必须严格相等。

10，迭代方法

every：对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true。

var colors = [1,2,3,4,5,4,3,2,1];
var resultArray = colors.every(function (item,index,array) {
	return item>2;
});
console.log(resultArray);	//false

filter：对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组。

var colors = [1,2,3,4,5,4,3,2,1];
var resultArray = colors.filter(function (item,index,array) {
	return item>2;
});
console.log(resultArray);	//[3,4,5,4,3]

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

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

map：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的函数。

var colors = [1,2,3,4,5,4,3,2,1];
var resultArray = colors.map(function (item,index,array) {
	return ++item;
});
console.log(resultArray);	//[2,3,4,5,6,5,4,3,2]

some：对数组中的每一项运行给定函数，如果该函数对任一项返回true，则返回true。

var colors = [1,2,3,4,5,4,3,2,1];
var resultArray = colors.some(function (item,index,array) {
	return item > 2;
});
console.log(resultArray);	//true

以上方法中， push&pop，shift&unshift，reverse，sort，splice会改变原先的数组