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

引入:向一个数组中插入元素是平时很常见的一件事情。可以使用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’);

---

原文：https://blog.youkuaiyun.com/css_666/article/details/78662553