jquery循环数组

jQuery 循环数组的方法

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

$.each() 方法

使用 $.each() 可以遍历数组或对象。语法如下：

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

示例：

var arr = ['a', 'b', 'c'];
$.each(arr, function(i, val) {
    console.log('Index: ' + i + ', Value: ' + val);
});

$.map() 方法

$.map() 可以对数组进行遍历并返回处理后的新数组：

var newArray = $.map(array, function(value, index) {
    return value * 2; // 示例操作
});

jQuery 对象上的 .each()

如果数组已包装为 jQuery 对象（如 DOM 元素集合），可以直接使用 .each()：

$('div').each(function(index, element) {
    console.log(element); // 当前 DOM 元素
});

普通 JavaScript 循环

虽然 jQuery 提供了工具方法，但原生 JavaScript 的循环同样适用：

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

注意事项

• $.each() 和 .each() 的回调函数参数顺序不同：
  • $.each(array, function(index, value) {})
  • $(selector).each(function(index, element) {})
• 使用 return false 可以提前终止循环（类似 break），return true 跳过当前迭代（类似 continue）。

性能建议

对于纯数组遍历，原生 for 循环通常性能更高。jQuery 方法更适合需要兼容性或操作 jQuery 对象的场景。