很早就想做个总结，难得今日有空，总结一些常用的数组方法，如下：
1.join
join(separator):将数组的元素组成一个字符串，以separator分割。省略的话则默认以逗号分割，只接收一个参数，即分隔符
var arr=[1,2,3]
arr.join()
//"1,2,3"
arr.join("a")
//"1a2a3"
注：原数组不变。
2.push
push():可向数组的末尾添加一个或多个元素，并返回新的长度。
var arr = [1, 2, 3];
arr.push(4,5,6)
6
console.log(arr) // [1, 2, 3, 4, 5, 6]
注：返回的是数组的长度，原数组改变。
3.pop
pop():方法用于删除数组的最后一个元素并返回删除的元素。
var arr = [1,2,3];
arr.pop();
3
console.log(arr) // [1, 2]
注：返回的是删除的那个元素，原数组改变。
4.shift
shift():方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。
var brr = [1,2,3];
brr.shift();
1
console.log(brr);//[2,3]
注：返回的是删除的那个元素，原数组改变。
5.unshift
unshift(): 方法可向数组的开头添加一个或更多元素，并返回新的数组长度。
var brr = [2, 3];
brr.unshift(5,6)
4
console.log(brr) //[5, 6, 2, 3]
注：返回的是新的数组长度，原数组改变
6.sort
sort():按升序排列数组，在排序时，sort()方法会调用每个数组的toString()转型方法，然后比较得到的字符串，以确定如何排序。
var arr = [12,34,9,23,51]
arr.sort()
console.log(arr) // [12, 23, 34, 51, 9]
注：原数组会改变.
提问：数值的升序和降序怎么办?示例中，我用到了箭头函数，大家可以仔细斟酌下。
var arr = [12,34,9,23,51]
arr.sort((v1,v2) => v1-v2)
console.log(arr);// [9, 12, 23, 34, 51]
arr.sort((v1,v2) => v2-v1)
console.log(arr);// [51, 34, 23, 12, 9]
说明：如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：
若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
若 a 等于 b，则返回 0。
若 a 大于 b，则返回一个大于 0 的值。
7.reverse
reverse()： 方法用于颠倒数组中元素的顺序。
var arr = [1,3,5,6,77]
arr.reverse()
console.log(arr);//[77, 6, 5, 3, 1]
8.concat
concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。
var crr = [1,3];
crr.concat(4,5)
返回： [1, 3, 4, 5]
console.log(crr);//[1, 3]
crr.concat([8,9,67]);
返回： [1, 3, 8, 9, 67]
console.log(crr);//[1, 3]
crr.concat(11,[12,34],34)
返回：[1, 3, 11, 12, 34, 34]
console.log(crr);//[1, 3]
注：原数组不改变
9.slice
slice():返回从原数组中指定开始下标到结束下标之间的项组成的新数组，可接受1到2个参数，分别为要返回项的起始和结束位置，只有一个参数，则返回从参数指定位置开始到数组末尾所有项。如果有两个参数，返回起始到结束位置之间的项，不包括结束位置的项。
var drr = [1, 23, 45, 25, 67, 9, 18];
drr.slice(3)
返回： [25, 67, 9, 18]
console.log(drr);//[1, 23, 45, 25, 67, 9, 18]
drr.slice(2,4)
返回： [45, 25]
console.log(drr);//[1, 23, 45, 25, 67, 9, 18]
注：原数组不改变
10.splice
splice() 方法用于插入、删除或替换数组的元素。
删除：可以删除任意数量的项，2个参数，要删除的第一项的位置和要删除的项数。
插入：向指定位置插入任意数量的项，只需提供3个参数：起始位置，0（要删除的项数）和要插入的项（多个）。
替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定三个参数，起始的位置，要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。
splice()方法始终都会返回一个数组，该数组中包含从原始数组中删除的项。如果没有删除任何项，则返回一个空数组。
var drr = [1, 23, 45, 25, 67, 9, 18];
drr.splice(2,3)// 删除
返回： [45, 25, 67]
console.log(drr);//[1, 23, 9, 18]
var drr = [1, 23, 9, 18];
drr.splice(3,0,56,78,23,45)//插入
console.log(drr);// [1, 23, 9, 56, 78, 23, 45, 18]
var drr = [1, 23, 9, 56, 99, 78, 23, 45, 18];
drr.splice(4,3,78,99,76)//替换
返回： [99, 78, 23]
console.log(drr)// [1, 23, 9, 56, 78, 99, 76, 45, 18]
好了，都快凌晨2点了，就总结这么多了。希望能与大家共勉。
网友评论