几种向数组中添加元素方法的性能比较

引入:向一个数组中插入元素是平时很常见的一件事情。可以使用push在数组尾部插入元素,可以用unshift在数组头部插入元素,也可以用splice在数组中间插入元素。

虽然这些方法虽然常用，但并不意味着没有更加高效的方法……

1.向数组结尾添加元素

最常用的当然是arry.push()方法,但是下面的方法效率更高:

var arr = [1,2,3,4,5];
var arr2 = [];

arr.push(6);    //方法1
arr[arr.length] = 6;    //方法2
arr2 = arr.concat([6]);  //方法3

移动端效率:

最快的为

1. arr[arr.length] = 6; // 平均 5 632 856 ops/sec
2. arr.push(6); // 慢35.64%
3. arr2 = arr.concat([6]); // 慢62.67%

PC端效率:

最快的为

1. arr[arr.length] = 6; // 平均42 345 449 ops/sec
2. arr.push(6); // 慢34.66%
3. arr2 = arr.concat([6]); // 慢85.79%

因此可见,向数组结尾添加元素最快的方法是arr[arr.length]=xxx

2.向数组的头部添加元素

最常用的当然是arry.unshift()方法,但是下面的方法效率更高:

var arr = [1,2,3,4,5];

arr.unshift(0);

[0].concat(arr);

移动端效率:

最快的为

1. [0].concat(arr); // 平均4 972 622 ops/sec
2. arr.unshift(0); // 慢64.70%

PC端效率:

最快的为

最快的为

1. [0].concat(arr); // 平均6 032 573 ops/sec
2. arr.unshift(0); // 慢78.65%

因此可见,向数组结尾添加元素最快的方法是newArray.concat(array)

3.向数组中间添加元素

使用splice可以简单的向数组中间添加元素，这也是最高效的方法。

var items = ['one', 'two', 'three', 'four'];
items.splice(items.length / 2, 0, 'hello');