在 jQuery 中迭代数组 - JavaScript

在 jQuery 中，我们可以使用 .each() 方法来迭代数组。这个方法可以接受一个回调函数作为参数，回调函数会在每个元素上被调用。

用法

$.each(array, function(index, value) {
  // 迭代代码
});

• array: 需要迭代的数组。
• function(index, value): 回调函数，接受两个参数：当前元素的索引和值。

这个方法还可以用于对象，这时候回调函数的参数会变成对象的属性名和值。

$.each(object, function(key, value) {
  // 迭代代码
});

• object: 需要迭代的对象。
• function(key, value): 回调函数，接受两个参数：当前属性名和值。

示例

迭代数组

以下示例代码演示了如何使用 .each() 方法迭代数组，并将元素的值输出到控制台。

const array = [1, 2, 3, 4, 5];

$.each(array, function(index, value) {
  console.log(`索引 ${index} 的值为 ${value}`);
});

输出结果：

索引 0 的值为 1
索引 1 的值为 2
索引 2 的值为 3
索引 3 的值为 4
索引 4 的值为 5

迭代对象

以下示例代码演示了如何使用 .each() 方法迭代对象，并将属性名和值输出到控制台。

const object = {
  name: '张三',
  age: 18,
  gender: '男'
};

$.each(object, function(key, value) {
  console.log(`属性名 ${key} 的值为 ${value}`);
});

输出结果：

属性名 name 的值为 张三
属性名 age 的值为 18
属性名 gender 的值为 男

注意事项

• 如果需要在迭代过程中中断循环，可以在回调函数中返回 false。
• 如果迭代的数组是类数组对象（如 DOM 元素集合），则需要将它转换成数组后再进行迭代。可以使用 .toArray() 方法来进行转换。