使用 jQuery.each() 浏览数组

下面的示例显示了如何使用 for 循环和 jQuery.each().

JavaScript for loop

for 循环易于理解,并且依赖于 jQuery,因为它是用 JavaScript 编写的。

var array = [ 'un', '二'、'三'、'四'、'五'];
var i;
for (i = 0; i < array.length; ++i) {
// 用 'array[i]'

}
Second 语法:

for (var x in array) {
// 用 'array[x]'

}
< 做一些事情h2>jQuery.each()jQuery.each() 函数是一个迭代函数,它可用于遍历由数字索引迭代的对象和数组,从 0 到 size-1。其他对象通过其属性进行迭代.

jQuery.each(array, function(index, value) {
// 用 'value' (or 'this' which is 'value' )
alert(index+: ”+ value);
});
这将产生以下消息:

0: one
1: two
2: three
3: four
4: five
如果将 Object 类型传递到函数中, 每次返回的都是键值合并:

var obj = {
1”: one”,
2”: two”
};
$.each( obj, function( key, value ) {
alert( key + : ” + value );
});
Advantage:jquery.each() 函数可以包含函数的声明,并在 index” 变量中自动递增位置。该值存储在可直接访问的item”变量中。
缺点:如果使用关键字 this 在代码中,您需要将其与变量相关联,以便可以在没有函数的情况下使用它,因为这意味着函数中的其他内容。

您可以通过将函数的返回放回 false 来强制退出 $.each() 循环。返回 true 相当于 for 循环中的连续语句,它将进入下一次迭代。

jQuery.each( array, function( i, val ) {
alert( i+: ” + val );

// 显示 three”后将停止
return ( val !== three” );
});
在控制台中运行显示:

0: one
1: two
2: three
Resources:
JavaScript For Loop
jQuery API 文档: jQuery.each()
如何在jQuery中循环数组?