向現(xiàn)有數(shù)組中插入一個元素是經(jīng)常會見到的一個需求。你可以：

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

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

使用push很容易就能將元素插入到數(shù)組尾部，但是還有一個更快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

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

現(xiàn)在我們嘗試將元素添加到數(shù)組的頭部

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修改了原有數(shù)組，但是contact是返回一個新的數(shù)組，測試在這jsperf

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

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

splice會修改原有的數(shù)組

splice的參數(shù)說明：

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

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

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

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

轉(zhuǎn)載于:https://www.cnblogs.com/le0zh/p/insert-element-to-array.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。