JS数组方法大全（详细解释）

push()

功能:向数组的末尾添加一个或多个元素

参数:push(x1,x2,x3...)

返回值:新数组的长度

var arr = ["孙悟空","唐山","猪八戒"];
var result = arr.push("蜘蛛精","白骨精","金角大王"); 
console.log(arr);
console.log(result);//会改变原数组

pop()

功能：删除数组的最后一个元素

参数：无

返回值：被删除的元素

var a = [1,2,3,4,5,6];
var result = a.pop();
console.log(a);
console.log(result);//会改变原数组

unshift()

功能：数组开头添加一个或多个元素，并返回新的数组长度

参数：unshift(x1,x2,x3...)

返回值：并返回新的数组长度    

注意：向前边插入元素以后，其他元素索引会依次调整

 var b = [5,6,8,7,10];
 var c = b.unshift("牛魔王","二郎神");
 console.log(b);
 console.log(c);//会改变原数组

shift()

功能：删除数组第一个元素

参数：无

返回值：被删除的元素

var a = [1,2,3,4,5,6];
var result = a.shift();
console.log(a);
console.log(result);//会改变原数组

reverse()

 功能：逆序

 参数：无

 返回值：逆序后的数组

var arr = [1,2,3,9,8,7];
result = arr.reverse();
console.log(arr);
console.log(result);//会改变原数组

splice()

功能：删除并替换，也可以只删除不替换

参数：splice(起始位置，偏移量，[替换的元素])

返回值：被删除的数组部分

var arr = [1,2,3,4,5,6];
var result = arr.splice(1,2);//删除
var result = arr.splice(1,2,"haha","坤坤和","rap");//删除并替换
console.log(arr);
console.log(result);
//删除所有元素，不替换 
var a = arr.splice(0,arr.length);
console.log(arr);//会改变原数组

slice()

功能：截取区间

参数：slice(起始位置，结束位置) 区间左闭右开  

返回值：被截取的数组部分  

var arr = [1,2,3,4,5,6];
// 复制数组
var a = arr.slice(0,arr.length);
console.log(a);
result = arr.slice(2,4);
console.log(arr);//不会改变原数组
console.log(result);

concat()

功能：数组的拼接  

参数：concat(被调来拼接的数组)  

返回值：新拼接好的数组

var a = [1,2,3];
var b = [4,5,6];
var c = a.concat();
console.log(c);//无参数，等于复制原数组
console.log(a);
var v = a.concat(b);//拼接数组，不会改变原数组
console.log(v);

join()

功能：数组转换为字符串 

参数: join([分隔符])  默认为逗号

返回值：转换后的字符串

var arr = [1,2,3,4,5,6];
var str1 = arr.join("");//分隔符为空
var str2 = arr.join();//默认为逗号
var str3 = arr.join(",++");
console.log(arr);//不会改变原数组
console.log(str1);
console.log(str2);
console.log(str3);

indexOf()

功能：从前往后查找目标元素

参数：indexOf(查找的元素，开始查找的位置)

返回值：找到返回索引，找不到返回-1

var arr = [2,6,85,6,6,8,9,98,56,8,2,6,8,566,8];
console.log(arr.indexOf(85));

lastIndexOf()

功能:从后往前查找目标元素

参数：lastIndexOf(目标元素，开始查找的位置)

返回值：找到返回索引，找不到返回-1

let arr = [1,2,3,4,5];
console.log(arr.lastIndexOf(4));
console.log(arr.lastIndexOf(4,2));//位置设定为索引2，所以从后往前查找不到