js數(shù)組刪除問(wèn)題(splice和delete的用法)
js數(shù)組刪除問(wèn)題
用到了數(shù)組的刪除，分別使用了splice和delete方法，記錄一下，方便下次查找。
原數(shù)組是一個(gè)關(guān)聯(lián)數(shù)組，如
var test=[];
test[1]={name:'1',age:1};
test[2]={name:'2',age:2};
test[4]={name:'3',age:3};
console.log(test)
長(zhǎng)度為5的關(guān)聯(lián)數(shù)組，現(xiàn)在開始刪除。
1.splice方法
test.splice(2,1); console.log(test)// 打印結(jié)果如下
ps：數(shù)組長(zhǎng)度相應(yīng)改變，但是原來(lái)的數(shù)組索引也相應(yīng)改變，splice參數(shù)中第一個(gè)2，是刪除的起始索引(從0算起),在此是數(shù)組第二個(gè)元素。第二個(gè)1，是刪除元素的個(gè)數(shù)，在此只刪除一個(gè)元素，即test[2];
此時(shí)遍歷數(shù)組元素可以用普通遍歷數(shù)組的方式，比如for，因?yàn)閯h除的元素在數(shù)組中并不保留。
2.delete方法
delete test[2]; console.log(test);// 打印結(jié)果如下
ps：這種方式數(shù)組長(zhǎng)度不變，此時(shí)test[2]變?yōu)閡ndefined了，好處是原來(lái)數(shù)組的索引也保持不變，此時(shí)要遍歷數(shù)組元素可以才用。這種遍歷方式跳過(guò)其中undefined的元素，所以非常實(shí)用。
for(i in test)
{
console.log(test[i])
}
//打印結(jié)果如下：
js數(shù)組刪除方式 delete 與 splice區(qū)別
js的數(shù)組刪除方式有兩種：
1.delete （刪除之后，數(shù)組的長(zhǎng)度不發(fā)生變化。如圖所示：刪除一條數(shù)據(jù)后長(zhǎng)度還是2）
var array = ["/profile/upload/2022/07/25/OIP-C_20220725151518A011.jpg"? ，? ?"/profile/upload/2022/07/25/OIP-C_20220725151518A003.jpg"] delete array[0]
2.splice （刪除之后，數(shù)組的長(zhǎng)度也發(fā)生變化。如圖所示：刪除一條數(shù)據(jù)后長(zhǎng)度變?yōu)?）
var array = ["/profile/upload/2022/07/25/OIP-C_20220725151518A011.jpg"? ，? "/profile/upload/2022/07/25/OIP-C_20220725151518A003.jpg"]
splice(0,1)；括號(hào)中的第一個(gè)'0'數(shù)字是起始位置，后一個(gè)數(shù)字'1'是需要?jiǎng)h除的長(zhǎng)度
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
ECMAScript 創(chuàng)建自己的js類庫(kù)
ECMAScript中最有意思，最強(qiáng)大的地方在于函數(shù)。最進(jìn)在完善自己的js類庫(kù)的時(shí)候發(fā)現(xiàn)我們經(jīng)常在用函數(shù)，但真的很少有人懂得ECMAScript函數(shù)功能2012-11-11
iscroll-probe實(shí)現(xiàn)下拉刷新和下拉加載效果
這篇文章主要為大家詳細(xì)介紹了iscroll-probe下拉刷新和下拉加載，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
Javascript實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊冒泡特效
這篇文章主要為大家詳細(xì)介紹了Javascript實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊冒泡特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
JavaScript數(shù)組的定義及數(shù)字操作技巧
這篇文章主要介紹了JavaScript數(shù)組的定義及數(shù)字操作技巧的相關(guān)資料,需要的朋友可以參考下2016-06-06
基于javascript實(shí)現(xiàn)單選及多選的向右和向左移動(dòng)實(shí)例
這篇文章主要介紹了基于javascript實(shí)現(xiàn)單選及多選的向右和向左移動(dòng),涉及javascript針對(duì)頁(yè)面元素的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
原生js實(shí)現(xiàn)autocomplete插件
這篇文章主要介紹了原生js實(shí)現(xiàn)autocomplete插件的相關(guān)資料,需要的朋友可以參考下2016-04-04
這篇文章主要介紹了JS實(shí)現(xiàn)隊(duì)列與堆棧的方法,結(jié)合實(shí)例形式分析了JavaScript實(shí)現(xiàn)隊(duì)列與堆棧的原理與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-04-04
這篇文章主要為大家詳細(xì)介紹了基于bootstrap的選擇框插件icheck，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
微信小程序網(wǎng)絡(luò)封裝(簡(jiǎn)單高效)
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)封裝(簡(jiǎn)單高效)，微信小程序的網(wǎng)絡(luò)請(qǐng)求很便捷，直接調(diào)用就可以了。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
這篇文章主要源碼解讀了Bootstrap導(dǎo)航條，介紹了Bootstrap各式各樣的導(dǎo)航條,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12