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