jquery 中json陣列的操作 增刪改

2022-07-13 07:45:09 字數 3709 閱讀 1350

在jquery中處理json陣列的情況中遍歷用到的比較多,但是用新增移除這些好像不是太多。

今天試過json[i].remove(),json.remove(i)之後都不行,看網頁的dom物件中好像json資料是以陣列的形式出現的,查閱了下相關js中陣列的操作一試果然很爽。

記錄下來。

1、陣列的建立

var arrayobj = new array(); //建立乙個陣列

var arrayobj = new array([size]); //建立乙個陣列並指定長度,注意不是上限,是長度

var arrayobj = new array([element0[, element1[, ...[, elementn]]]]); 建立乙個陣列並賦值

要說明的是,雖然第二種方法建立陣列指定了長度,但實際上所有情況下陣列都是變長的,也就是說即使指定了長度為5,仍然可以將元素儲存在規定長度以外的,注意:這時長度會隨之改變。

2、陣列的元素的訪問

var testgetarrvalue=arrayobj[1]; //獲取陣列的元素值

arrayobj[1]= "這是新值"; //給陣列元素賦予新的值

3、陣列元素的新增

arrayobj. push([item1 [item2 [. . . [itemn ]]]]);// 將乙個或多個新元素新增到陣列結尾,並返回陣列新長度

arrayobj.unshift([item1 [item2 [. . . [itemn ]]]]);// 將乙個或多個新元素新增到陣列開始,陣列中的元素自動後移,返回陣列新長度

arrayobj.splice(insertpos,0,[item1[, item2[, . . . [,itemn]]]]);//將乙個或多個新元素插入到陣列的指定位置,插入位置的元素自動後移,返回""。

4、陣列元素的刪除

arrayobj.pop(); //移除最後乙個元素並返回該元素值

arrayobj.shift(); //移除最前乙個元素並返回該元素值,陣列中元素自動前移

arrayobj.splice(deletepos,deletecount); //刪除從指定位置deletepos開始的指定數量deletecount的元素,陣列形式返回所移除的元素

5、陣列的擷取和合併

arrayobj.slice(start, [end]); //以陣列的形式返回陣列的一部分,注意不包括 end 對應的元素,如果省略 end 將複製 start 之後的所有元素

arrayobj.concat([item1[, item2[, . . . [,itemn]]]]); //將多個陣列(也可以是字串,或者是陣列和字串的混合)連線為乙個陣列,返回連線好的新的陣列

6、陣列的拷貝

arrayobj.slice(0); //返回陣列的拷貝陣列,注意是乙個新的陣列,不是指向

arrayobj.concat(); //返回陣列的拷貝陣列,注意是乙個新的陣列,不是指向

7、陣列元素的排序

arrayobj.reverse(); //反轉元素(最前的排到最後、最後的排到最前),返回陣列位址

arrayobj.sort(); //對陣列元素排序,返回陣列位址

8、陣列元素的字串化

arrayobj.join(separator); //返回字串,這個字串將陣列的每乙個元素值連線在一起,中間用 separator 隔開。

tolocalestring 、tostring 、valueof:可以看作是join的特殊用法,不常用

在jquery中處理json陣列的情況中遍歷用到的比較多,但是用新增移除這些好像不是太多。

今天試過json[i].remove(),json.remove(i)之後都不行,看網頁的dom物件中好像json資料是以陣列的形式出現的,查閱了下相關js中陣列的操作一試果然很爽。

記錄下來。

1、陣列的建立

var arrayobj = new array(); //建立乙個陣列

var arrayobj = new array([size]); //建立乙個陣列並指定長度,注意不是上限,是長度

var arrayobj = new array([element0[, element1[, ...[, elementn]]]]); 建立乙個陣列並賦值

要說明的是,雖然第二種方法建立陣列指定了長度,但實際上所有情況下陣列都是變長的,也就是說即使指定了長度為5,仍然可以將元素儲存在規定長度以外的,注意:這時長度會隨之改變。

2、陣列的元素的訪問

var testgetarrvalue=arrayobj[1]; //獲取陣列的元素值

arrayobj[1]= "這是新值"; //給陣列元素賦予新的值

3、陣列元素的新增

arrayobj. push([item1 [item2 [. . . [itemn ]]]]);// 將乙個或多個新元素新增到陣列結尾,並返回陣列新長度

arrayobj.unshift([item1 [item2 [. . . [itemn ]]]]);// 將乙個或多個新元素新增到陣列開始,陣列中的元素自動後移,返回陣列新長度

arrayobj.splice(insertpos,0,[item1[, item2[, . . . [,itemn]]]]);//將乙個或多個新元素插入到陣列的指定位置,插入位置的元素自動後移,返回""。

4、陣列元素的刪除

arrayobj.pop(); //移除最後乙個元素並返回該元素值

arrayobj.shift(); //移除最前乙個元素並返回該元素值,陣列中元素自動前移

arrayobj.splice(deletepos,deletecount); //刪除從指定位置deletepos開始的指定數量deletecount的元素,陣列形式返回所移除的元素

5、陣列的擷取和合併

arrayobj.slice(start, [end]); //以陣列的形式返回陣列的一部分,注意不包括 end 對應的元素,如果省略 end 將複製 start 之後的所有元素

arrayobj.concat([item1[, item2[, . . . [,itemn]]]]); //將多個陣列(也可以是字串,或者是陣列和字串的混合)連線為乙個陣列,返回連線好的新的陣列

6、陣列的拷貝

arrayobj.slice(0); //返回陣列的拷貝陣列,注意是乙個新的陣列,不是指向

arrayobj.concat(); //返回陣列的拷貝陣列,注意是乙個新的陣列,不是指向

7、陣列元素的排序

arrayobj.reverse(); //反轉元素(最前的排到最後、最後的排到最前),返回陣列位址

arrayobj.sort(); //對陣列元素排序,返回陣列位址

8、陣列元素的字串化

arrayobj.join(separator); //返回字串,這個字串將陣列的每乙個元素值連線在一起,中間用 separator 隔開。

tolocalestring 、tostring 、valueof:可以看作是join的特殊用法,不常用

jquery 中json陣列的操作

在jquery中處理json陣列的情況中遍歷用到的比較多,但是用新增移除這些好像不是太多。今天試過json i remove json.remove i 之後都不行,看網頁的dom物件中好像json資料是以陣列的形式出現的,查閱了下相關js中陣列的操作一試果然很爽。記錄下來。1 陣列的建立 var ...

jquery 中json陣列的操作

在jquery中處理json陣列的情況中遍歷用到的比較多,但是用新增移除這些好像不是太多。今天試過json i remove json.remove i 之後都不行,看網頁的dom物件中好像json資料是以陣列的形式出現的,查閱了下相關js中陣列的操作一試果然很爽。記錄下來。1 陣列的建立 var ...

jquery 中json陣列的操作

在jquery中處理json陣列的情況中遍歷用到的比較多,但是用新增移除這些好像不是太多。今天試過json i remove json.remove i 之後都不行,看網頁的dom物件中好像json資料是以陣列的形式出現的,查閱了下相關js中陣列的操作一試果然很爽。記錄下來。1 陣列的建立 var ...