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