javaScript 操作数组 push 、pop 、shift 、 unshift （包含性能测试）

 javaScript 操作数组 push 、pop 、shift 、 unshift 表

方法名字 操作位置 操作 返回值 push 后 添加 被操作数组长度（lenght） pop 后 删除 当前被删除的 item 的值 shift 前 删除 当前被删除的 item 的值 unshift 前 添加 被操作数组长度（lenght）

 

附1： 性能测试假设存在数组 arr ，arr 长度 100000

1、使用 shift 清空数组

var start = Date.now();
while(arr.length){
    arr.shift()
}
var end = Date.now()
console.log(end-start) // 1695

2、使用 pop 清空数组

var start = Date.now();
while(arr.length){
    // arr.shift()
    arr.pop()
}
var end = Date.now()
console.log(end-start) // < 10 

3、使用 push 初始化数组

var arr = [];
var arrLength = 100000;
var start = Date.now();
while(arrLength){
    arr.push(arrLength)
    arrLength--;
}
var end = Date.now()
console.log(end-start) // < 10 

4、使用 unshift 初始化数组

var arr = [];
var arrLength = 100000;
var start = Date.now();
while(arrLength){
    arr.unshift(arrLength)
    arrLength--;
}
var end = Date.now()
console.log(end-start) // 1843

总结：尽量不要使用 unshift 和 shift ，尤其是在数据量比较大的情况下。

 

附2：数组 reverse

当需要将数组的每一项，都从头开始拿出来的时候，你首先想到的肯定是 shift ，但是当数据量大的时候，这个过程非常消耗性能，下面看另外一组测试，你将会明白该怎么做。

使用 reverse 反转数组，在使用 pop 

var start = Date.now();
arr.reverse()
while(arr.length){
    arr.pop()
}
var end = Date.now()
console.log(end-start) // 10 左右