jquery中對陣列的操作

2022-03-08 16:41:14 字數 2111 閱讀 3199

1.each  用於遍歷物件和陣列

1.1遍歷陣列

$.each(arr,function(index,value))

1.2遍歷json

**函式中的index為物件成員,value為變數。如 name,age為物件成員,後者為變數

若要退出each則需要在**函式中使用return false

例項:

2.extend (obj的合併)

2.1 用乙個或多個其他物件來擴充套件乙個物件,返回被擴充套件的物件。

$.extend(

target, object1, [objectn])將後面的object合併到target ;物件成員相同,變數不同,則後面的object的變數會覆蓋前面的object變數,並把合併的物件賦給target

例項:(來自jqueryapi)

合併 defaults 和 options, 不修改 defaults。

juery **:

var empty = {};

var defaults = ;

var options = ;

var settings = jquery.extend(empty, defaults, options);

結果:
settings == 

empty ==

3.grep用於過濾陣列,根據**函式中給的條件,返回陣列物件

$.grep(arr,function(value,index){},boolean)

boolean預設為false,使該函式返回符合條件的新陣列,若為ture,則相反

4.inarray

用於在陣列中查詢元素,類似js中字串按正則查詢的search(str.search(re))同樣返回index,若找不到同樣也返回-1

$.inarray(value,array)

5.isarray(arr)返回boolean值

判斷乙個物件是不是陣列

6.map

$.map(arr,function(value){})

將乙個陣列物件經過**函式中的條件得到乙個新的陣列,並返回該陣列類似grep,若每乙個陣列的值都是陣列,則會產生陣列的合併

例如jquery **:

$.map( [0,1,2], function(n));
結果:
[0, 1, 1, 2, 2, 3]

7.merge用於合併兩個陣列

$.merge(arr1,arr2);

該函式返回新的陣列(允許其中存在重複的陣列元素)

8.unique(arr)

可以用於dom物件,也可以用於陣列(引用)

var yeararray = new array(2009, 2009, 2010, 2010, 2009, 2010);

$.unique(yeararray);

返回 2009, 2010, 2009, 2010

var yeararray = new array(2009, 2009, 2010, 2010, 2009, 2010);

yeararray.sort();

$.unique(yeararray);

返回 2010, 2009

9.toarray

把jquery集合中所有dom元素恢復成乙個陣列。

$("tag").toarray();

ps: json物件和json字串的轉化

var str=;

var  obj=json.parse(str);

str=json.stringify(obj)

jQuery對陣列進行操作

jquery中提供了兩個函式 1.map array,callback element,index 對於array中的每個元素,呼叫callback 函式,最終返回乙個新的陣列,原陣列不變 例如 function 2.each array,fn 主要用來遍歷陣列,不修改陣列,對於普通陣列或者 鍵值對...

checkbox中jQuery對陣列和物件的操作

來段小例子,jquery實現對表單中checkbox的全選 取消 反選 chenwei ab c反選 以上用到了事件 click,事件切換 toggle,表單元素的匹配 input,設定元素的屬性 attr,陣列和物件操作 each each 專門用於遍歷jquery物件 each object c...

js中對陣列操作的封裝

var arr 1,2,3,4 1.求和 var sum 0 for var i 0 i arr.length i console.log sum 求最大值 var max arr 0 for var i 0 iif arr i max console.log max 求最小值 var min ar...