在JS數(shù)組特定索引處指定位置插入元素
更新時(shí)間：2014年07月27日 09:47:10 投稿：whsnow
最近我碰到了這樣一個(gè)需求: 將一個(gè)元素插入到現(xiàn)有數(shù)組的特定索引處，下面是具體的實(shí)現(xiàn)，需要的朋友不要錯(cuò)過(guò)
很多與數(shù)組有關(guān)的任務(wù)聽起來(lái)很簡(jiǎn)單,但實(shí)際情況并不總是如此,而開發(fā)人員在很多時(shí)候也用不到他。最近我碰到了這樣一個(gè)需求: 將一個(gè)元素插入到現(xiàn)有數(shù)組的特定索引處。聽起來(lái)很容易和常見,但需要一點(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)文章
JS制作簡(jiǎn)單的三級(jí)聯(lián)動(dòng)
本文給大家分享的是使用javascript實(shí)現(xiàn)的一個(gè)簡(jiǎn)單的三級(jí)聯(lián)動(dòng)菜單，非常簡(jiǎn)單實(shí)用，有需要的小伙伴過(guò)來(lái)參考下吧。2015-03-03
javascript代碼編寫需要注意的7個(gè)小細(xì)節(jié)小結(jié)
每種語(yǔ)言都有它特別的地方，對(duì)于JavaScript來(lái)說(shuō)，使用var就可以聲明任意類型的變量，這門腳本語(yǔ)言看起來(lái)很簡(jiǎn)單，然而想要寫出優(yōu)雅的代碼卻是需要不斷積累經(jīng)驗(yàn)的。本文利列舉了JavaScript初學(xué)者應(yīng)該注意的七個(gè)細(xì)節(jié)，與大家分享。2011-09-09
JavaScript+TypeScript實(shí)現(xiàn)并發(fā)隊(duì)列的示例
本文主要介紹了JavaScript+TypeScript實(shí)現(xiàn)并發(fā)隊(duì)列的示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2024-08-08
后臺(tái)獲取ZTREE選中節(jié)點(diǎn)的方法
這篇文章主要介紹了后臺(tái)獲取ZTREE選中節(jié)點(diǎn)的方法,實(shí)例分析了ZTREE中g(shù)etZTreeObj方法與getCheckedNodes方法的使用技巧,需要的朋友可以參考下2015-02-02
基于Bootstrap模態(tài)對(duì)話框只加載一次 remote 數(shù)據(jù)的解決方法
下面小編就為大家?guī)?lái)一篇基于Bootstrap模態(tài)對(duì)話框只加載一次 remote 數(shù)據(jù)的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
JS中使用textPath實(shí)現(xiàn)線條上的文字
最近項(xiàng)目經(jīng)理交給我一下新項(xiàng)目，要實(shí)現(xiàn)關(guān)系圖，需要在線條上繪制文字。下面小編把使用textPath實(shí)現(xiàn)線條上的文字功能分享到腳本之家平臺(tái)供大家參考2017-12-12
怎樣在html文檔里做隔行換色的多行方法...2007-01-01
js實(shí)現(xiàn)數(shù)據(jù)導(dǎo)出為EXCEL（支持大量數(shù)據(jù)導(dǎo)出）
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)數(shù)據(jù)導(dǎo)出為EXCEL，支持大量數(shù)據(jù)導(dǎo)出，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
解析javascript瀑布流原理實(shí)現(xiàn)圖片滾動(dòng)加載
這篇文章主要幫助大家解析javascript瀑布流原理，實(shí)現(xiàn)js圖片滾動(dòng)加載2016-03-03
二分查找在我們學(xué)習(xí)算法中是很重要的一部分，而且面試的時(shí)候會(huì)經(jīng)常的讓我們手寫一些算法。所以這篇文章將通過(guò)三個(gè)場(chǎng)景帶大家深入了解二分查找算法2023-03-03