解析javascript 數(shù)組以及json元素的添加刪除
javasscript刪除數(shù)組的3種方法
1,用shift()方法
shift:刪除原數(shù)組第一項(xiàng),并返回刪除元素的值;如果數(shù)組為空則返回undefined
var chaomao=[1,2,3,4,5]
var chaomao.shift()//得到1
alert(chaomao)//[2,3,4,5]
2,用pop()方法
pop:刪除原數(shù)組最后一項(xiàng),并返回刪除元素的值;如果數(shù)組為空則返回undefined
var chaomao=[1,2,3,4,5]
var chaomao.pop()//得到5
alert(chaomao)//[1,2,3,4]
前面的方法只能操作數(shù)組開頭和結(jié)尾,無(wú)法操作中間項(xiàng),如果要操作中間的項(xiàng),使用splice方法
3,用splice方法
這個(gè)方法很強(qiáng)大,可以對(duì)數(shù)組任意項(xiàng)進(jìn)行增加,刪除,替換操作
修改操作:
var chaomao=[1,2,3,4,5]
chaomao.splice(2,1,8,9)
alert(chaomao)//1,2,8,9,4,5
第一個(gè)參數(shù)是準(zhǔn)備操作的數(shù)組位置,第二個(gè)參數(shù)是操作位置后面的數(shù)組項(xiàng)數(shù),第三個(gè)以后的就是,被替換后的內(nèi)容
例子就是表示:從chaomao這個(gè)數(shù)組位置2開始(也就是值為3的那一項(xiàng),數(shù)組下標(biāo)從0開始的),位置2后的一項(xiàng),替換成成8,9
如果把第二個(gè)參數(shù)改為2,也就是chaomao.splice(2,2,8,9),也就是說(shuō)位置2后面的兩項(xiàng)換成8,9,打印出來(lái)的結(jié)果就是1,2,8,9,5,3和4這2兩項(xiàng)被換掉了
這里需要說(shuō)明的是,被替換的項(xiàng)數(shù)不一定要和替換的項(xiàng)數(shù)相等,1項(xiàng)可以被換成3項(xiàng),5項(xiàng)也可以被換成2項(xiàng),基于這個(gè)原理,我們就用這個(gè)方法來(lái)對(duì)數(shù)組進(jìn)行添加和刪除操作
刪除操作:
var chaomao=[1,2,3,4,5]
chaomao.splice(2,1)
alert(chaomao)//1,2,4,5
上面例子中,把chaomao中的位置2后的1項(xiàng)替換成空的,因?yàn)楹竺鏇](méi)有內(nèi)容,結(jié)果可以看到,把3這項(xiàng)刪除了
添加操作:
var chaomao=[1,2,3,4,5]
chaomao.splice(2,0,8,9)
alert(chaomao)//1,2,8,9,3,4,5
上面例子中,把chaomao中位置2后的0項(xiàng)換成8,9,也就等于添加了兩項(xiàng)
其實(shí),刪除和添加操作都只是splice修改方法的兩種衍生罷了
javasscript刪除對(duì)象的方法
js中刪除對(duì)象元素用delete操作符
我們來(lái)看看一個(gè)例子
var p ={
"name": “chaomao”,
"age":45,
"sex":"male"
};
delete p.name
for(var i in p){
console.log(i);//輸出age,sex,name項(xiàng)已經(jīng)被刪除了
}
添加json元素的方法
var json = {}; // 如果json已經(jīng)定義就跳過(guò)
json[text] = value;
json.text2 = value2; // 此時(shí)text2必須符合變量名標(biāo)準(zhǔn),否則得使用數(shù)組方式賦值
相關(guān)文章
JavaScript實(shí)現(xiàn)焦點(diǎn)進(jìn)入文本框內(nèi)關(guān)閉輸入法的核心代碼
這篇文章給大家分享js實(shí)現(xiàn)焦點(diǎn)進(jìn)入文本框內(nèi)關(guān)閉輸入法,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-09-09
能說(shuō)明你的Javascript技術(shù)很爛的五個(gè)原因分析
Javascript在互聯(lián)網(wǎng)上名聲很臭,但你又很難再找到一個(gè)像它這樣如此動(dòng)態(tài)、如此被廣泛使用、如此根植于我們的生活中的另外一種語(yǔ)言2011-10-10
利用JavaScript控制元素(標(biāo)簽)的顯示與隱藏
這篇文章主要給大家介紹了關(guān)于如何利用JavaScript控制元素(標(biāo)簽)的顯示與隱藏的相關(guān)資料,JavaScript有多種方式可以實(shí)現(xiàn),文中介紹了三種方法以及區(qū)別,需要的朋友可以參考下2023-07-07
javascript實(shí)現(xiàn)數(shù)字配對(duì)游戲的實(shí)例講解
下面小編就為大家分享一篇javascript實(shí)現(xiàn)數(shù)字配對(duì)游戲的實(shí)例講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
使用JavaScript獲取Django模板指定鍵值數(shù)據(jù)
這篇文章主要介紹了使用JavaScript獲取Django模板指定鍵值數(shù)據(jù),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
JS中DOM元素的attribute與property屬性示例詳解
這篇文章主要給大家介紹了關(guān)于JS中DOM元素的attribute與property屬性的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起看看吧2018-09-09
仿服務(wù)器端腳本方式的JS模板實(shí)現(xiàn)方法
仿服務(wù)器端腳本方式的JS模板實(shí)現(xiàn)方法...2007-04-04

