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ù)組并指定長度,注意不是上限,是長度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //創(chuàng)建一個(gè)數(shù)組并賦值
要說明的是,雖然第二種方法創(chuàng)建數(shù)組指定了長度,但實(shí)際上所有情況下數(shù)組都是變長的,也就是說即使指定了長度為5,仍然可以將元素存儲(chǔ)在規(guī)定長度以外的,注意:這時(shí)長度會(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ù)組新長度
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 將一個(gè)或多個(gè)新元素添加到數(shù)組開始,數(shù)組中的元素自動(dòng)后移,返回?cái)?shù)組新長度
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ù)組并指定長度,注意不是上限,是長度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //創(chuàng)建一個(gè)數(shù)組并賦值
要說明的是,雖然第二種方法創(chuàng)建數(shù)組指定了長度,但實(shí)際上所有情況下數(shù)組都是變長的,也就是說即使指定了長度為5,仍然可以將元素存儲(chǔ)在規(guī)定長度以外的,注意:這時(shí)長度會(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ù)組新長度
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 將一個(gè)或多個(gè)新元素添加到數(shù)組開始,數(shù)組中的元素自動(dòng)后移,返回?cái)?shù)組新長度
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ì)象的簡單實(shí)現(xiàn)方法
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象
- JS簡單循環(huán)遍歷json數(shù)組的方法
- js 轉(zhuǎn)json格式的字符串為對(duì)象或數(shù)組(前后臺(tái))的方法
- Jquery解析json字符串及json數(shù)組的方法
- JS實(shí)現(xiàn)的JSON數(shù)組去重算法示例
相關(guān)文章
通過jQuery源碼學(xué)習(xí)javascript(二)
昨天寫了篇通過jQuery源碼學(xué)習(xí)javascript(一),里面有一個(gè)定義對(duì)象C的方法,我早期也沒有太注意這個(gè)方面的技術(shù)細(xì)節(jié)。后來我查了一下資料,發(fā)現(xiàn)里面有很多巧的地方。今天與大家分享2012-12-12jQuery插件kinMaxShow擴(kuò)展效果用法實(shí)例
這篇文章主要介紹了jQuery插件kinMaxShow擴(kuò)展效果用法,實(shí)例分析了kinMaxShow擴(kuò)展的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05Jquery實(shí)現(xiàn)瀑布流布局(備有詳細(xì)注釋)
這篇文章主要介紹了Jquery實(shí)現(xiàn)瀑布流布局的方法,可實(shí)現(xiàn)圖片的動(dòng)態(tài)加載功能,且代碼備有詳細(xì)注釋便于理解,需要的朋友可以參考下2015-07-07jquery 判斷selection range 是否在容器中的簡單實(shí)例
下面小編就為大家?guī)硪黄猨query 判斷selection range 是否在容器中的簡單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08基于JQuery實(shí)現(xiàn)滾動(dòng)到頁面底端時(shí)自動(dòng)加載更多信息
這篇文章主要介紹了基于JQuery實(shí)現(xiàn)滾動(dòng)到頁面底端時(shí)自動(dòng)加載更多信息,類似微博,新浪新聞的評(píng)論等,都采用了這方法,需要的朋友可以參考下2014-01-01jQuery實(shí)現(xiàn)的鼠標(biāo)滑過彈出放大圖片特效
最近項(xiàng)目遇到個(gè)需求,需要的效果是,鼠標(biāo)移到縮略圖上會(huì)顯示該圖的大圖,并且大圖跟隨鼠標(biāo)移動(dòng);或是移動(dòng)到提示文字上,也可以顯示圖片。經(jīng)過一番思索,用下面的方法實(shí)現(xiàn)了本效果,這里分享給大家。2016-01-01jquery京東商城雙11焦點(diǎn)圖多圖廣告特效代碼分享
這篇文章主要介紹了jquery京東商城雙11焦點(diǎn)圖多圖廣告特效,一個(gè)精致的焦點(diǎn)圖會(huì)吸引用戶的注意力,讓用戶產(chǎn)生瀏覽網(wǎng)站的興趣至關(guān)重要,現(xiàn)在小編推薦給大家一款特別棒的焦點(diǎn)圖,感興趣的小伙伴可以參考下。2015-09-09JQuery一種取同級(jí)值的方式(比如你在GridView中)
JQuery一種取同級(jí)值的方式 比如你在GridView中,實(shí)現(xiàn)代碼如下,需要的朋友可以參考下2012-03-03