在JS數(shù)組特定索引處指定位置插入元素
很多與數(shù)組有關(guān)的任務(wù)聽起來很簡單,但實(shí)際情況并不總是如此,而開發(fā)人員在很多時候也用不到他。最近我碰到了這樣一個需求: 將一個元素插入到現(xiàn)有數(shù)組的特定索引處。聽起來很容易和常見,但需要一點(diǎn)時間來研究它。
// 原來的數(shù)組 var array = ["one", "two", "four"]; // splice(position, numberOfItemsToRemove, item) // 拼接函數(shù)(索引位置, 要刪除元素的數(shù)量, 元素) array.splice(2, 0, "three"); array; // 現(xiàn)在數(shù)組是這個樣子 ["one", "two", "three", "four"]
如果你對擴(kuò)展原生 JavaScript 不反感,那么可以將這個方法添加到數(shù)組原型(Array prototype)中:
Array.prototype.insert = function (index, item) { this.splice(index, 0, item); };
此時,可以這樣調(diào)用:
var nums = ["one", "two", "four"]; nums.insert(2, 'three'); // 注意數(shù)組索引, [0,1,2..] array // ["one", "two", "three", "four"]
相關(guān)文章
JavaScript實(shí)現(xiàn)Tab標(biāo)簽頁切換的最簡便方式(4種)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)Tab標(biāo)簽頁切換的最簡便方式(4種),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06JavaScript實(shí)現(xiàn)三級級聯(lián)特效
這篇文章主要介紹了JavaScript實(shí)現(xiàn)三級級聯(lián)特效,選擇省會出現(xiàn)相應(yīng)的縣下拉框,同時市的下拉框改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-11-11javascript中不提供sleep功能如何實(shí)現(xiàn)這個功能
javascript中不提供sleep功能,而我們時長會用到這個功能,下面與大家分享個不錯的解決方法,而且在不同的機(jī)器上的執(zhí)行速度是一致的2014-05-05TypeScript中的互斥類型實(shí)現(xiàn)方法示例
用了一年時間的TypeScript了,下面這篇文章主要給大家介紹了關(guān)于TypeScript中互斥類型實(shí)現(xiàn)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04實(shí)例詳解BootStrap的動態(tài)模態(tài)框及靜態(tài)模態(tài)框
要用bootStrap這個框架就必須要重載它的class類,也就是說class要一樣。接下來通過實(shí)例代碼給大家介紹BootStrap的動態(tài)模態(tài)框及靜態(tài)模態(tài)框,需要的朋友可以參考下2018-08-08JavaScript數(shù)組常用方法解析及數(shù)組扁平化
這篇文章主要介紹了JavaScript數(shù)組常用方法解析及數(shù)組扁平化,數(shù)組作為在開發(fā)中常用的集合,除了for循環(huán)遍歷以外,還有很多內(nèi)置對象的方法,包括map,以及數(shù)組篩選元素filter等2022-07-07