jquery下json數(shù)組的操作實(shí)現(xiàn)代碼
更新時(shí)間:2010年08月09日 20:40:34 作者:
在jquery中處理JSON數(shù)組的情況中遍歷用到的比較多,但是用添加移除這些好像不是太多。
今天試過json[i].remove(),json.remove(i)之后都不行,看網(wǎng)頁的DOM對(duì)象中好像JSON數(shù)據(jù)是以數(shù)組的形式出現(xiàn)的,查閱了下相關(guān)JS中數(shù)組的操作一試果然很爽。
記錄下來。
1、數(shù)組的創(chuàng)建
var arrayObj = new Array(); //創(chuàng)建一個(gè)數(shù)組
var arrayObj = new Array([size]); //創(chuàng)建一個(gè)數(shù)組并指定長(zhǎng)度,注意不是上限,是長(zhǎng)度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //創(chuàng)建一個(gè)數(shù)組并賦值
要說明的是,雖然第二種方法創(chuàng)建數(shù)組指定了長(zhǎng)度,但實(shí)際上所有情況下數(shù)組都是變長(zhǎng)的,也就是說即使指定了長(zhǎng)度為5,仍然可以將元素存儲(chǔ)在規(guī)定長(zhǎng)度以外的,注意:這時(shí)長(zhǎng)度會(huì)隨之改變。
2、數(shù)組的元素的訪問
var testGetArrValue=arrayObj[1]; //獲取數(shù)組的元素值
arrayObj[1]= "這是新值"; //給數(shù)組元素賦予新的值
3、數(shù)組元素的添加
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 將一個(gè)或多個(gè)新元素添加到數(shù)組結(jié)尾,并返回?cái)?shù)組新長(zhǎng)度
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 將一個(gè)或多個(gè)新元素添加到數(shù)組開始,數(shù)組中的元素自動(dòng)后移,返回?cái)?shù)組新長(zhǎng)度
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//將一個(gè)或多個(gè)新元素插入到數(shù)組的指定位置,插入位置的元素自動(dòng)后移,返回""。
4、數(shù)組元素的刪除
arrayObj.pop(); //移除最后一個(gè)元素并返回該元素值
arrayObj.shift(); //移除最前一個(gè)元素并返回該元素值,數(shù)組中元素自動(dòng)前移
arrayObj.splice(deletePos,deleteCount); //刪除從指定位置deletePos開始的指定數(shù)量deleteCount的元素,數(shù)組形式返回所移除的元素
5、數(shù)組的截取和合并
arrayObj.slice(start, [end]); //以數(shù)組的形式返回?cái)?shù)組的一部分,注意不包括 end 對(duì)應(yīng)的元素,如果省略 end 將復(fù)制 start 之后的所有元素
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //將多個(gè)數(shù)組(也可以是字符串,或者是數(shù)組和字符串的混合)連接為一個(gè)數(shù)組,返回連接好的新的數(shù)組
6、數(shù)組的拷貝
arrayObj.slice(0); //返回?cái)?shù)組的拷貝數(shù)組,注意是一個(gè)新的數(shù)組,不是指向
arrayObj.concat(); //返回?cái)?shù)組的拷貝數(shù)組,注意是一個(gè)新的數(shù)組,不是指向
7、數(shù)組元素的排序
arrayObj.reverse(); //反轉(zhuǎn)元素(最前的排到最后、最后的排到最前),返回?cái)?shù)組地址
arrayObj.sort(); //對(duì)數(shù)組元素排序,返回?cái)?shù)組地址
8、數(shù)組元素的字符串化
arrayObj.join(separator); //返回字符串,這個(gè)字符串將數(shù)組的每一個(gè)元素值連接在一起,中間用 separator 隔開。
toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用
記錄下來。
1、數(shù)組的創(chuàng)建
復(fù)制代碼 代碼如下:
var arrayObj = new Array(); //創(chuàng)建一個(gè)數(shù)組
var arrayObj = new Array([size]); //創(chuàng)建一個(gè)數(shù)組并指定長(zhǎng)度,注意不是上限,是長(zhǎng)度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //創(chuàng)建一個(gè)數(shù)組并賦值
要說明的是,雖然第二種方法創(chuàng)建數(shù)組指定了長(zhǎng)度,但實(shí)際上所有情況下數(shù)組都是變長(zhǎng)的,也就是說即使指定了長(zhǎng)度為5,仍然可以將元素存儲(chǔ)在規(guī)定長(zhǎng)度以外的,注意:這時(shí)長(zhǎng)度會(huì)隨之改變。
2、數(shù)組的元素的訪問
復(fù)制代碼 代碼如下:
var testGetArrValue=arrayObj[1]; //獲取數(shù)組的元素值
arrayObj[1]= "這是新值"; //給數(shù)組元素賦予新的值
3、數(shù)組元素的添加
復(fù)制代碼 代碼如下:
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 將一個(gè)或多個(gè)新元素添加到數(shù)組結(jié)尾,并返回?cái)?shù)組新長(zhǎng)度
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 將一個(gè)或多個(gè)新元素添加到數(shù)組開始,數(shù)組中的元素自動(dòng)后移,返回?cái)?shù)組新長(zhǎng)度
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//將一個(gè)或多個(gè)新元素插入到數(shù)組的指定位置,插入位置的元素自動(dòng)后移,返回""。
4、數(shù)組元素的刪除
復(fù)制代碼 代碼如下:
arrayObj.pop(); //移除最后一個(gè)元素并返回該元素值
arrayObj.shift(); //移除最前一個(gè)元素并返回該元素值,數(shù)組中元素自動(dòng)前移
arrayObj.splice(deletePos,deleteCount); //刪除從指定位置deletePos開始的指定數(shù)量deleteCount的元素,數(shù)組形式返回所移除的元素
5、數(shù)組的截取和合并
復(fù)制代碼 代碼如下:
arrayObj.slice(start, [end]); //以數(shù)組的形式返回?cái)?shù)組的一部分,注意不包括 end 對(duì)應(yīng)的元素,如果省略 end 將復(fù)制 start 之后的所有元素
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //將多個(gè)數(shù)組(也可以是字符串,或者是數(shù)組和字符串的混合)連接為一個(gè)數(shù)組,返回連接好的新的數(shù)組
6、數(shù)組的拷貝
復(fù)制代碼 代碼如下:
arrayObj.slice(0); //返回?cái)?shù)組的拷貝數(shù)組,注意是一個(gè)新的數(shù)組,不是指向
arrayObj.concat(); //返回?cái)?shù)組的拷貝數(shù)組,注意是一個(gè)新的數(shù)組,不是指向
7、數(shù)組元素的排序
復(fù)制代碼 代碼如下:
arrayObj.reverse(); //反轉(zhuǎn)元素(最前的排到最后、最后的排到最前),返回?cái)?shù)組地址
arrayObj.sort(); //對(duì)數(shù)組元素排序,返回?cái)?shù)組地址
8、數(shù)組元素的字符串化
復(fù)制代碼 代碼如下:
arrayObj.join(separator); //返回字符串,這個(gè)字符串將數(shù)組的每一個(gè)元素值連接在一起,中間用 separator 隔開。
toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用
您可能感興趣的文章:
- JS實(shí)現(xiàn)去除數(shù)組中重復(fù)json的方法示例
- JS解析json數(shù)據(jù)并將json字符串轉(zhuǎn)化為數(shù)組的實(shí)現(xiàn)方法
- js實(shí)現(xiàn)數(shù)組轉(zhuǎn)換成json
- 以JSON形式將JS中Array對(duì)象數(shù)組傳至后臺(tái)的方法
- js/jquery解析json和數(shù)組格式的方法詳解
- 解析javascript 數(shù)組以及json元素的添加刪除
- json對(duì)象與數(shù)組以及轉(zhuǎn)換成js對(duì)象的簡(jiǎn)單實(shí)現(xiàn)方法
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象
- JS簡(jiǎn)單循環(huán)遍歷json數(shù)組的方法
- js 轉(zhuǎn)json格式的字符串為對(duì)象或數(shù)組(前后臺(tái))的方法
- Jquery解析json字符串及json數(shù)組的方法
- JS實(shí)現(xiàn)的JSON數(shù)組去重算法示例
相關(guān)文章
關(guān)于echarts在節(jié)點(diǎn)顯示動(dòng)態(tài)數(shù)據(jù)及添加提示文本所遇到的問題
這篇文章主要介紹了關(guān)于echarts在節(jié)點(diǎn)顯示動(dòng)態(tài)數(shù)據(jù)及添加提示文本所遇到的問題,需要的朋友可以參考下2018-04-04
使用jquery庫(kù)實(shí)現(xiàn)電梯導(dǎo)航效果
這篇文章主要為大家詳細(xì)介紹了使用jquery庫(kù)實(shí)現(xiàn)電梯導(dǎo)航效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02
CSS3結(jié)合jQuery實(shí)現(xiàn)動(dòng)畫效果及回調(diào)函數(shù)的實(shí)例
下面小編就為大家分享一篇CSS3結(jié)合jQuery實(shí)現(xiàn)動(dòng)畫效果及回調(diào)函數(shù)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12
jQuery實(shí)現(xiàn)簡(jiǎn)單的tab標(biāo)簽頁效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的tab標(biāo)簽頁效果,涉及jQuery簡(jiǎn)單元素遍歷與樣式動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-09-09
Jquery的hover方法讓鼠標(biāo)經(jīng)過li時(shí)背景變色
鼠標(biāo)經(jīng)過時(shí)讓li背景變色,在某些時(shí)候還是挺實(shí)用的,下面為大家介紹下使用Jquery的hover方法來實(shí)現(xiàn)下,感興趣的朋友可以參考下2013-09-09
jQuery 過濾not()與filter()實(shí)例代碼
下面兩種寫法,都可以達(dá)到一樣的效果,not與filter是相反的過濾2012-05-05
淺析jQuery中調(diào)用ajax方法時(shí)在不同瀏覽器中遇到的問題
這篇文章主要介紹了jQuery中調(diào)用ajax方法時(shí)在不同瀏覽器中遇到的問題,因不同瀏覽器默認(rèn)設(shè)置的不同造成的問題2014-06-06

