JS 中七个改变原数组的方法

目录

一、push

 二、pop

三、unshift

四、shift

五、splice

六、sort

七、reverse

一、push

在数组的尾部添加元素，并返回新的长度。

let arr = [1]
arr.push(2)
console.log(arr)  // [1, 2]复制

 二、pop

删除数组最后面一个元素、并返回删除的元素。

let arr = [1, 2]
arr.pop()
console.log(arr)  // [1]复制

三、unshift

在数组的开头添加元素，并返回新的长度。

let arr = [1]
arr.unshift(2)
console.log(arr) // [2, 1]复制

四、shift

删除数组开头一个元素、并返回删除的元素。

let arr = [1, 2]
arr.shift()
console.log(arr)  // [2]复制

五、splice

 用于删除、添加、替换数组中的某些元素; 返回被删除或被替换元素组成的数组。

1)、添加

let arr = [1, 2, 3, 4, 5]
let arr1 = arr.splice(2, 0, 'haha')
console.log(arr1)  //[1, 2, 'haha', 3, 4, 5]新增一个元素复制

2)、删除

let arr = [1, 2, 3, 4, 5]
let arr2 = arr.splice(2, 3)
console.log(arr2)  //[1, 2] 删除三个元素复制

3)、替换

let arr = [1, 2, 3, 4, 5]
let arr3 = arr.splice(2, 1, 'haha')
console.log(arr3)  //[1, 2, 'haha', 4, 5] 替换一个元素复制

六、sort

对数组的元素进行排序并返回排序后的数组。

• 基本使用

let arr = [1,5,3,7,6];
let n = arr.sort();
console.log(arr); // [1, 3, 5, 6, 7]
console.log(n); // [1, 3, 5, 6, 7]复制

• 再看下面一个例子

let arr = [6,8,1,30,5];
arr.sort();
console.log(arr); // [1, 30, 5, 6, 8]复制

看着上面排序的结果是不是感觉和奇怪，并不是自己想像的结果。其实数组的sort方法当没有参数传入的时候，其排序顺序默认为，将待排序数据转换为字符串，并按照Unicode序列排序；所以这里sort默认的排序并不是按照值来排序，想要实现值的排序就需要传入一个比较函数了。该函数比较两个值的大小，然后返回一个用于说明这两个值的相对顺序的数字。具体是排序原理是用的 v8 引擎里的插入排序和快速排序，v8引擎排序源码。当数组长度小于等于10的时候，采用插入排序，大于10的时候，采用快排。

比较函数有两个参数 a 和 b，其返回值如下：

若 a 小于 b，即 a - b 小于零，则返回一个小于零的值，数组将按照升序排列。

若 a 等于 b，则返回 0，数组顺序不变。

若 a 大于 b, 即 a - b 大于零，则返回一个大于零的值，数组将按照降序排列。

let arr = [1,5,3,7,6];
arr.sort((a,b) => 0);
console.log(arr); // [1, 5, 3, 7, 6]
arr.sort((a,b) => a - b);
console.log(arr); // [1, 3, 5, 6, 7]
arr.sort((a,b) => b - a);
console.log(arr); // [7, 6, 5, 3, 1]复制

七、reverse

反转数组中元素的顺序并返回新数组。

let arr = [1, 2, 3, 4];
arr.reverse()
console.log(arr)  // [4, 3, 2, 1]复制