js中each函式的用法

2022-03-06 12:32:25 字數 1069 閱讀 3519

官方說明:

jquery.each(object, [callback]) 

概述 通用例遍方法,可用於例遍物件和陣列。 

不同於例遍 jquery 物件的 $().each() 方法,此方法可用於例遍任何物件。**函式擁有兩個引數:第乙個為物件的成員或陣列的索引,第二個為對應變數或內容。如果需要退出 each 迴圈可使**函式返回 false,其它返回值將被忽略。 

引數 objectobject 

需要例遍的物件或陣列。 

callback (可選)function 

每個成員/元素執行的**函式。

each,一般用來迴圈 陣列、物件、dom元素

1.迴圈陣列

a.一維陣列

var arr = [ "one", "two", "three", "four"];     

$.each(arr,

function

());

//arr為迴圈物件,上面這個each輸出的結果分別為:one,two,three,four    

還可以寫成:

$.each(arr, function

(i,v));

b.二維陣列
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     

$.each(arr1,

function

(i, item));

item相當於取每乙個一維陣列,   

item[0]相對於取每乙個一維陣列裡的第乙個值,所以上面這個each輸出分別為:1 4 7

2.迴圈物件

var obj = ;     

$.each(obj,

function

(i) );

迴圈每乙個屬性,輸出結果為:1 2 3 4

3.迴圈dom

輸出每個列表項的值

jQuery中each的用法

each函式根據引數的型別實現的效果不完全一致 1 遍歷物件 有附加引數 each object,function p1,p2 引數1 引數2 2 遍歷陣列 有附件引數 each array,function p1,p2 引數1 引數2 3 遍歷物件 沒有附加引數 each object,funct...

jq 中each的用法

jquery的each方法的幾種常用的用法 each 方法能使dom迴圈結構簡潔,可遍歷一維陣列 多維陣列 dom,json 等等。var arr one two three four each arr,function 上面這個each輸出的結果分別為 one,two,three,four var...

jQuery中 each的用法

jquery中通過 each,你可以遍歷物件 陣列的屬性值並進行處理。使用說明 1 遍歷物件 有附加引數 each object,function p1,p2 引數1 引數2 2 遍歷陣列 有附件引數 each array,function p1,p2 引數1 引數2 3 遍歷物件 沒有附加引數 e...