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