向現有數組中插入一個元素是經常會見到的一個需求。你可以：

使用push將元素插入到數組的尾部；
使用unshift將元素插入到數組的頭部；
使用splice將元素插入到數組的中間；

上面那些方法都是常見的方法，但并不意味著沒有性能更好的方法，比如：

使用push很容易就能將元素插入到數組尾部，但是還有一個更快performant的方法：

var arr = [1, 2, 3, 4, 5];arr.push(6); arr[arr.length] = 6; // 43% faster in Chrome 47.0.2526.106 on Mac OS X 10.11.1

兩個方法都修改了原有的數組，不相信的話，可以去jsperf測試一下。

現在我們嘗試將元素添加到數組的頭部

var arr = [1, 2, 3, 4, 5];arr.unshift(0); [0].contact(arr); //98% faster in Chrome 47.0.2526.106 on Mac OS X 10.11.1

這里需要注意的是，unshift修改了原有數組，但是contact是返回一個新的數組，測試在這jsperf

將元素插入到數組中間使用splice，同時這是最快的方法了

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

splice會修改原有的數組

splice的參數說明：

splice() 方法向/從數組中添加/刪除項目，然后返回被刪除的項目。

arrayObject.splice(index,howmany,item1,.....,itemX)

• index 必需。整數，規定添加/刪除項目的位置，使用負數可從數組結尾處規定位置。
• howmany 必需。要刪除的項目數量。如果設置為 0，則不會刪除項目。
• item1, ..., itemX 可選。向數組添加的新項目。

本文是js tips系列，翻譯自 https://github.com/loverajoel/jstips

轉載于:https://www.cnblogs.com/le0zh/p/insert-element-to-array.html

總結

以上是生活随笔為你收集整理的[jstips]向数组中插入一个元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。