JavaScript数组(Array)常用方法汇总

1. 数组迭代（遍历）的几种方法

2. 数组拼接的几种方法

3. 排序方法

3.1 reverse() 翻转数组

var arr1 = [1,2,3];
var arr2 = arr1.reverse();
console.log(arr2); // [3,2,1] 

3.2 sort() 对数组的元素进行排序
比较函数应该具有两个参数 a 和 b，其返回值如下：
若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
若 a 等于 b，则返回 0。
若 a 大于 b，则返回一个大于 0 的值。

	var numArr=[3,6,2,4,1,5];
	function sortNum(a,b){
		return a-b;
	}
	console.log(numArr.sort(sortNum)); // [1,2,3,4,5,6]

4. 位置方法

4.1 indexOf()
接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中， 从数组的开头（位置 0）开始向后查找。
4.2 lastIndexOf()
接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中， 从数组的末尾开始向前查找。
这两个方法都返回要查找的项在数组中的位置，或者在没找到的情况下返回-1。在比较第一个参数与数组中的每一项时，会使用全等操作符。

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

5. 清空数组

方式1 推荐

arr = [];

方式2

arr.length = 0;

方式3

arr.splice(0, arr.length);
### 1.1  toString() 
 **把数组转换成字符串，逗号分隔每一项**
### 1.2  valueOf()  
 **返回数组对象本身**

```javascript
var arr=[1,3,4];
console.log(arr.toString()); // '1,3,4'
console.log(arr.valueOf()); // [1,3,4]

6. 其他方法

6.1 push()
接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度

var arr1 = [1,2,3];
var count1 = arr1.push(4,5);
console.log(count1); // 5
console.log(arr1); // [1, 2, 3, 4, 5]

6.2 pop()
数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项

var arr1 = [1,2,3];
var count2 = arr1.pop();
console.log(count2); // 3
console.log(arr1); // [1,2] 

6.3 shift()
删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined

var arr1 = [1,2,3];
var count2 = arr1.shift();
console.log(count2); // 1
console.log(arr1); // [2,3] 

6.4 unshift()
将参数添加到原数组开头，并返回数组的长度

var arr1 = [1,2,3];
var count2 = arr1.unshift(4,5);
console.log(count2); // 5
console.log(arr1); // [4,5,1,2,3] 

6.5 slice()
返回从原数组中指定开始下标到结束下标之间的项组成的新数组。slice()方法可以接受一或两个参数，即要返回项的起始和结束位置。在只有一个参数的情况下， slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数，该方法返回起始和结束位置之间的项——但不包括结束位置的项。

var arr = [1,3,5,7,9,11];
var arrCopy = arr.slice(1);
var arrCopy2 = arr.slice(1,4);
var arrCopy3 = arr.slice(1,-2);
var arrCopy4 = arr.slice(-4,-1);
console.log(arr); // [1, 3, 5, 7, 9, 11] (原数组没变)
console.log(arrCopy); // [3, 5, 7, 9, 11]
console.log(arrCopy2); // [3, 5, 7]
console.log(arrCopy3); // [3, 5, 7]
console.log(arrCopy4); // [5, 7, 9]

arrCopy只设置了一个参数，也就是起始下标为1，所以返回的数组为下标1（包括下标1）开始到数组最后。
arrCopy2设置了两个参数，返回起始下标（包括1）开始到终止下标（不包括4）的子数组。
arrCopy3设置了两个参数，终止下标为负数，当出现负数时，将负数加上数组长度的值（6）来替换该位置的数，因此就是从1开始到4（不包括）的子数组。
arrCopy4中两个参数都是负数，所以都加上数组长度6转换成正数，因此相当于slice(2,5)。

6.6 splice()
删除：可以删除任意数量的项，只需指定 2 个参数：要删除的第一项的位置和要删除的项数。
例如， splice(0,2)会删除数组中的前两项。
插入：可以向指定位置插入任意数量的项，只需提供 3 个参数：起始位置、 0（要删除的项数）和要插入的项。
例如，splice(2,0,4,6)会从当前数组的位置 2 开始插入4和6。
替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定 3 个参数：起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。
例如，splice (2,1,4,6)会删除当前数组位置 2 的项，然后再从位置 2 开始插入4和6。
splice()方法始终都会返回一个数组，该数组中包含从原始数组中删除的项，如果没有删除任何项，则返回一个空数组。

var arr = [1,3,5,7,9,11];
var arrRemoved = arr.splice(0,2);
console.log(arr); // [5, 7, 9, 11]
console.log(arrRemoved); // [1, 3]
var arrRemoved2 = arr.splice(2,0,4,6);
console.log(arr); // [5, 7, 4, 6, 9, 11]
console.log(arrRemoved2); // []
var arrRemoved3 = arr.splice(1,1,2,4);
console.log(arr); // [5, 2, 4, 4, 6, 9, 11]
console.log(arrRemoved3); //[7]

注意：splice循环不能删除全部符合条件的数据
因为splice每次删除都会改变原数组的长度，所以导致数组中的元素位置发生改变，从而导致只能删除部分数据。
解决方法： 倒序删除

let arr = [
    {id:1,name:'Tom',sex:0},
    {id:2,name:'Jerry',sex:1},
    {id:3,name:'Danny',sex:1},
    {id:4,name:'Jenny',sex:0},
    {id:6,name:'Lee',sex:0},
    {id:5,name:'Bob',sex:1},
    {id:7,name:'John',sex:0},
    {id:8,name:'Marry',sex:1}
 ];
    
for(let i=arr.length-1;i>=0;i--){
    if(arr[i].sex === 1){
        arr.splice(i,1);
    }
}

6.7 join()
将数组的元素组起一个字符串，以separator为分隔符，省略的话则用默认用逗号为分隔符，该方法只接收一个参数：即分隔符

var arr = [1,2,3];
console.log(arr.join()); // 1,2,3
console.log(arr.join("-")); // 1-2-3
console.log(arr); // [1, 2, 3]（原数组不变）

7. 判断数组的六种方法详解

8. 数组对象去重的几种方法