js中數(shù)組插入、刪除元素操作的方法
更新時(shí)間：2017年02月15日 09:59:06 投稿：jingxian
下面小編就為大家?guī)?lái)一篇js中數(shù)組插入、刪除元素操作的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
實(shí)例如下：
/*
* 刪除數(shù)組元素:Array.removeArr(index)
*/
Array.prototype.removeArr = function (index) {
if (isNaN(index) || index>= this.length) { return false; }
this.splice(index, 1);
}
/*
* 插入數(shù)組元素:Array.insertArr(dx)
*/
Array.prototype.insertArr = function (index, item) {
this.splice(index, 0, item);
};
通過(guò)上面的函數(shù)，可以處理上移和下移的動(dòng)作
if (tag == 2) { //上移
if (targeitemindex == 0) return; //頂部
rows.removeArr(targeitemindex); //移除指定對(duì)象，原對(duì)象長(zhǎng)度減少一個(gè)
rows.insertArr(targeitemindex - 1, targetitem);
} else if (tag == 3) { //下移
if (targeitemindex == len - 1) return; //底部
rows.removeArr(targeitemindex); //移除指定對(duì)象，原對(duì)象長(zhǎng)度減少一個(gè)
rows.insertArr(targeitemindex + 1, targetitem);
}
定義和用法
splice() 方法向/從數(shù)組中添加/刪除項(xiàng)目，然后返回被刪除的項(xiàng)目。
注釋?zhuān)涸摲椒〞?huì)改變?cè)紨?shù)組。
語(yǔ)法
arrayObject.splice(index,howmany,item1,.....,itemX)
| 參數(shù) | 描述 |
|---|---|
| index | 必需。整數(shù)，規(guī)定添加/刪除項(xiàng)目的位置，使用負(fù)數(shù)可從數(shù)組結(jié)尾處規(guī)定位置。 |
| howmany | 必需。要?jiǎng)h除的項(xiàng)目數(shù)量。如果設(shè)置為 0，則不會(huì)刪除項(xiàng)目。 |
| item1, ..., itemX | 可選。向數(shù)組添加的新項(xiàng)目。 |
返回值
| 類(lèi)型 | 描述 |
|---|---|
| Array | 包含被刪除項(xiàng)目的新數(shù)組，如果有的話(huà)。 |
說(shuō)明
splice() 方法可刪除從 index 處開(kāi)始的零個(gè)或多個(gè)元素，并且用參數(shù)列表中聲明的一個(gè)或多個(gè)值來(lái)替換那些被刪除的元素。
如果從 arrayObject 中刪除了元素，則返回的是含有被刪除的元素的數(shù)組。
以上這篇js中數(shù)組插入、刪除元素操作的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript 學(xué)習(xí)小結(jié)(適合新手參考)
JavaScript常量又稱(chēng)字面常量，是固化在程序代碼中的信息。變量的主要作用是存取數(shù)據(jù)，提供一個(gè)存取信息的容器。2009-07-07
這篇文章主要為大家介紹了GoJs的文本繪圖模板TextBlock使用實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
JavaScript數(shù)組reduce()方法使用實(shí)例詳解
reduce是數(shù)組原型對(duì)象上的一個(gè)方法，可以幫助我們操作數(shù)組。本文將和大家分享4個(gè)關(guān)于JavaScript中數(shù)組reduce的用法，希望對(duì)大家有所幫助2022-07-07
在html中引入外部js文件,并調(diào)用帶參函數(shù)的方法
下面小編就為大家?guī)?lái)一篇在html中引入外部js文件,并調(diào)用帶參函數(shù)的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
關(guān)于ECharts設(shè)置x軸刻度間隔的兩種方式
這篇文章主要介紹了關(guān)于ECharts設(shè)置x軸刻度間隔的兩種方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-02-02
js實(shí)現(xiàn)圖片粘貼到網(wǎng)頁(yè)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片粘貼到網(wǎng)頁(yè)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
JavaScript設(shè)計(jì)模式之建造者模式實(shí)例教程
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之建造者模式,結(jié)合實(shí)例形式分析了設(shè)計(jì)模式中建造者模式的概念、功能及JavaScript實(shí)現(xiàn)與使用建造者模式的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
這篇文章主要介紹了JS類(lèi)的定義與使用方法,結(jié)合實(shí)例形式深入分析了javascript類(lèi)的定義與屬性、方法的調(diào)用技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了JS+HTML5 canvas繪制驗(yàn)證碼,結(jié)合實(shí)例形式分析了HTML5 canvas圖形繪制相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
javascript import css實(shí)例代碼
差點(diǎn)被FF下的insertRule給帶暈了. sheet.insertRule("@import url('aa.css');",sheet.cssRules.length);2008-07-07