引入:向一個數組中插入元素是平時很常見的一件事情。可以使用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');