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)在開(kāi)始刪除。
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)文章
JSP跨iframe如何傳遞參數(shù)實(shí)現(xiàn)代碼
表單與操作頁(yè)面分離,按鈕按下,click 或者onclick事件觸發(fā),傳遞一個(gè)唯一性的參數(shù)至子頁(yè)面JSP,感興趣的朋友可以了解下2013-09-09Js+Ajax,Get和Post在使用上的區(qū)別小結(jié)
下面小編就為大家?guī)?lái)一篇Js+Ajax,Get和Post在使用上的區(qū)別小結(jié)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06js 動(dòng)態(tài)修改css文件用到了cssRule
js 動(dòng)態(tài)修改css文件,循環(huán)用的underscore,在使用cssRule只能使用cssRule.style.padding=0px,詳細(xì)示例如下2014-08-08javascript 延遲加載技術(shù)(lazyload)簡(jiǎn)單實(shí)現(xiàn)
延遲加載技術(shù)(簡(jiǎn)稱lazyload)并不是新技術(shù), 它是js程序員對(duì)網(wǎng)頁(yè)性能優(yōu)化的一種方案.2011-01-01JS實(shí)現(xiàn)的簡(jiǎn)單tab切換功能完整示例
這篇文章主要介紹了JS實(shí)現(xiàn)的簡(jiǎn)單tab切換功能,結(jié)合完整實(shí)例形式分析了javascript基于事件響應(yīng)實(shí)現(xiàn)頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2019-06-06JS獲取頁(yè)面input控件中所有text控件并追加樣式屬性
使用jquery來(lái)在頁(yè)面加載時(shí)獲取頁(yè)面input控件中所有text控件并添加樣式,由于其他方式比較麻煩所以就想通過(guò)在頁(yè)面加載的時(shí)候?qū)⒁膭?dòng)的text找到并添加屬性,感興趣的你可以參考下,希望可以幫助到你2013-02-02