Jquery 陣列操作

2021-06-15 04:22:48 字數 1854 閱讀 5722

在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 陣列操作

1 陣列的建立 var arrayobj new array 建立乙個陣列 var arrayobj new array size 建立乙個陣列並指定長度,注意不是上限,是長度 var arrayobj new array element0 element1 elementn 建立乙個陣列並賦值 要...

Jquery陣列操作技巧

jquery對陣列的操作技巧。1.each array,callback 遍歷 常用 解釋 不同於例遍 jquery 物件的 each 方法,此方法可用於例遍任何物件 不僅僅是陣列哦 函式擁有兩個引數 第乙個為物件的成員或陣列的索引,第二個為對應變數或內容.如果需要退出 each 迴圈可使 函式返回...

jquery 工具 陣列物件操作

each array,function i,n var checkboxs new array contents 查詢內部所有子節點,不加的話find只會返回乙個匹配的結果。contentiframe.document 獲取框架內容 checkboxs contentiframe.document ...