JavaScript中数组的方法解析（最新版）

前言

本文是js中数组方法，建议朋友们收藏下来以备用查阅，开始正题：

join()

功能：将数组中所有元素转化为字符串拼接到一起；
使用：输入分隔符，默认为逗号；输出为分隔符分割的字符串；
e.g.:

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

reverse()

功能：将数组中所有元素颠倒顺序；
使用：输入无，输出反转后的数组
e.g.:

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

sort()

功能：sort()方法使数组中的元素按照一定的顺序排列;
如果不指定<方法函数>，则按unicode码顺序排列；
如果指定<方法函数>，则按<方法函数>所指定的排序方法排序。
使用：输入带有两个参数的比较函数，第一个参数在前，则返回小于0的数值；第一个参数在后，则返回大于0的数组；输出排序后的数组（改变原数组）。
e.g.:

function cont(a,b) {
			if(a>b){
				return -1;
			} else if(a<b){
				return 1;
			}else if(a==b){
				return 0;
			}
			
		};
		var arr = [1,2,3,4,5,6];
		arr.sort(cont)//[6, 5, 4, 3, 2, 1]

concat()

功能：拼接数组；
使用：输入代拼接的元素，如果带拼接的是数组，则拼接的是数组元素
e.g.:

var arr = [1,2,3,4,5,6];
var arr1 = arr.concat(7,8)//[1, 2, 3, 4, 5, 6, 7, 8]
var arr2 = arr.concat(7,[8,9])//[1, 2, 3, 4, 5, 6, 7, 8, 9]
var arr3 = arr.concat(7,[[8,9]])//[1, 2, 3, 4, 5, 6, 7, Array(2)]

slice()

功能：截取数组片段；
使用：输入两个参数，第一个为截取开始位置，第二个为结束位置；如果输入负数，则从数组末尾向前计算；如果只输入一个参数，则该参数为截取开始位置，直至结尾；输出截取得到的结果。
e.g.:

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

splice()

功能：从数组中删除、替换元素；
使用：输入参数，第一个参数为指定插入或删除的起始位置，第二个参数为要删除的个数。之后的参数表示需要插入到数组中的元素；返回修改的元素，修改原数组
e.g.:

var arr = [1,2,3,4,5,6];

console.log(arr.splice(4))//[5, 6]
console.log(arr)//[1, 2, 3, 4]

arr = [1,2,3,4,5,6];
console.log(arr.splice(2,2,'a','b'))//[3, 4]
console.log(arr)//[1, 2, "a", "b", 5, 6]

push()和pop()

功能：从结尾添加或者删除多个元素；
使用：push输入要添加的元素，pop无输入
e.g.:

var arr = [1,2,3,4,5,6];
console.log(arr.push(7,8))//8
console.log(arr)//[1, 2, 3, 4, 5, 6, 7, 8]

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

unshift()和shift()

功能：从开头添加或者删除多个元素；示例如上

注意：push()和pop()使用的是栈方法(后进先出)；shift()和push()，pop()和unshift()使用的是队列方法（先进先出）

toString()和toLocaleString()

功能：将数组的每个元素转化为字符串，并且输入用逗号分隔的字符串列表。输出字符串。

forEach()（es5新增）

功能：从头至尾遍历数组，为每个元素调用指定函数
使用：输入一个处理函数，函数的参数依次为：数组元素、元素的索引、数组本身
e.g.:

var arr = [1,2,3,4,5,6];
		arr.forEach((value,index,arr)=>{
			arr[index] = value + 1;
		})
		console.log(arr)//[2, 3, 4, 5, 6, 7]

map()（es5新增）

功能：从头至尾遍历数组，为每个元素调用指定函数，并返回新数组（不改变原数组）
使用：输入一个处理函数，函数的参数依次为：数组元素、元素的索引、数组本身（和foreach一样，区别在于不改变原数组，返回新数组）
e.g.:

var arr = [1,2,3,4,5,6];
		var arr1 = arr.map((item)=>{
		  return item * item;
		});
		console.log(arr)//[1, 2, 3, 4, 5, 6]
		console.log(arr1)//[1, 4, 9, 16, 25, 36]

filter()（es5新增）

功能：从头至尾遍历数组，为每个元素调用指定函数，并返回子集（相当于过滤）
使用：执行逻辑判断的函数，该函数返回true或false，参数类似forEach和map()
e.g.:

var arr = [1,2,3,4,5,6];
		var arr1 = arr.filter((item)=>{
		  return item > 3;
		});
		console.log(arr)//[1, 2, 3, 4, 5, 6]
		console.log(arr1)//[4, 5, 6]

every()和some()（es5新增）

功能：对数组元素进行指定函数的逻辑判断。every()判断是否数组内的元素全部符合；some()判断是否含有至少一个元素符合；返回true和false。
e.g.:

var arr = [1,2,3,4,5,6];
		var arr1 = arr.every((item)=>{
		  return item > 3;
		});
		var arr2 = arr.some((item)=>{
		  return item > 3;
		});
		console.log(arr1)//faLse
		console.log(arr2)//true

indexOf()和lastIndexOf()（es5新增）

功能：搜索整个数组中具有给定值得元素，返回找到的第一个元素的索引或者如果没有找到就返回-1.lastIndexOf为反向搜索。
e.g.:

var arr = [1,2,3,4,5,6];
		console.log(arr.indexOf(2))//1
		console.log(arr.indexOf(7))//-1

reduce()和reduceRight()（es5新增）

功能：reduce()方法接收一个函数callbackfn作为累加器（accumulator），数组中的每个值（从左到右）开始合并，最终为一个值。
e.g.:

array.reduce(callbackfn,[initialValue])
function callbackfn(preValue,curValue,index,array){}

其中callbackfn有四个参数，分别意为:
preValue: 上一次调用回调返回的值，或者是提供的初始值（initialValue）
curValue: 数组中当前被处理的数组项
index: 当前数组项在数组中的索引值
array: 调用 reduce()方法的数组
而initialValue作为第一次调用 callbackfn函数的第一个参数。

var arr = [1,2,3,4,5,6];
		var a = arr.reduce( (preValue,curValue,index,array) =>(preValue + curValue))
		console.log(a)//21

reduceRight()方法的功能和reduce()功能是一样的，不同的是reduceRight()从数组的末尾向前将数组中的数组项做累加，参数和上面是一样的。

Array.from()（es6新增）

功能：将两类对象转为真正的数组：类似数组的对象和可遍历的对象
e.g.:

var arr = {
			'0':'a',
			'1':'b',
			'2':'c',
			length:3
		}
		let arr1 = Array.from(arr)
		console.log(arr1);//["a", "b", "c"]

Array.of()（es6新增）

功能：将两类对象转为真正的数组：类似数组的对象和可遍历的对象
e.g.:

var arr = Array.of(2,5,6);
		console.log(arr)//[2, 5, 6]

copyWithin()（es6新增）

功能：在当前数组内部，将指定位置的成员复制到其他位置，返回当前数组。
用法：第一个参数（从该位置开始替换数据）；第二个参数可选（从该位置开始读取数据，默认为0，负值表示倒数）；第三个参数（到该位置前停止读取，默认为数组长度）；改变原数组
e.g.:

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

find()和findIndex()（es6新增）

功能：找到第一个符合条件的数组成员。
用法：传入回调函数，依次找到第一个符合条件的值后停止，该函数有三个参数依次为值、位置、原数组 find()返回值 findIndex()返回位置
e.g.:

var arr = [1,2,3,4,5,6];
		var a = arr.find((value,index,arr)=>{
			return value > 5
		})
		console.log(a)//6

fill()（es6新增）

功能：使用给定的值，填充一个数组。
用法：第一个参数为待填充的值，第二和第三参数可选，分别表示填充的起始和结束位置(不包括)。
e.g.:

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

entries()、keys()、values()（es6新增）

功能：用于遍历数组，可以用for…of循环进行遍历。区别是keys()是对键名的遍历、values是对键值的遍历、entries()是对键值对的遍历。

e.g.:

var arr = [1,2,3];
		for(let index of arr.keys()){
			console.log(index)//0  1  2
		}
		for(let index of arr.values()){
			console.log(index)//1  2  3
		}
		for(let index of arr.entries()){
			console.log(index)//[0, 1]  [1, 2]  [2, 3]
		}

includes()（es6新增）

功能：表示某个数组是否包含给定的值。
用法：第一个参数必选（待检查的给定值），第二个参数可选，表示搜索的起始位置，默认为0，负数表示倒数的位置。输出一个布尔值。（用来取代使用indexof()判断数组中是否含有某元素）
e.g.:

var arr = [1,2,3];
		console.log(arr.includes(2))//true
		console.log(arr.includes(4))//false