jquery循环遍历数组

jQuery 循环遍历数组的方法

jQuery 提供了多种方式来遍历数组或类数组对象（如 jQuery 对象）。以下是几种常见的方法：

$.each() 方法

$.each() 是 jQuery 提供的通用遍历方法，可以遍历数组或对象。语法如下：

$.each(array, function(index, value) {
    // 处理逻辑
});

示例代码：

var arr = ["apple", "banana", "cherry"];
$.each(arr, function(index, value) {
    console.log(index + ": " + value);
});

$(selector).each() 方法

当遍历 jQuery 对象时，可以使用 .each() 方法：

$(selector).each(function(index, element) {
    // 处理逻辑
});

示例代码：

$("li").each(function(index, element) {
    console.log(index + ": " + $(element).text());
});

原生 JavaScript 方法

jQuery 是基于 JavaScript 的，因此也可以使用原生 JavaScript 的数组遍历方法：

for 循环

var arr = [1, 2, 3];
for (var i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}

forEach 方法

var arr = [1, 2, 3];
arr.forEach(function(value, index) {
    console.log(index + ": " + value);
});

注意事项

• $.each() 和 .each() 的区别在于前者用于普通数组或对象，后者用于 jQuery 对象。
• 原生 JavaScript 方法通常性能更高，特别是在处理大型数组时。
• 在 jQuery 3.0+ 版本中，.each() 方法的行为与原生 Array.prototype.forEach 更加一致。