$.each()用于遍历数组，语法为$.each(Array, function(index, value))，可遍历字符串数组如colors输出索引和值，也可处理数字数组如计算平方，支持通过return false在条件满足时中断循环，适用于jquery项目中的数组操作。

jQuery 的 $.each() 方法可以很方便地遍历数组。它接受两个参数：要遍历的数组和一个回调函数，回调函数中可以访问当前的索引和对应的值。

基本语法

$.each(array, function(index, value) {
  // index 是当前元素的索引
  // value 是当前元素的值
});

下面通过几个例子来说明如何使用。

遍历普通数组

假设有一个字符串数组：

var colors = [‘red‘, ‘green’, ‘blue’];

$.each(colors, function(index, value) {
  console.log(index + ‘: ‘ + value);
});

输出结果为：

• 0: red
• 1: green
• 2: blue

遍历数字数组并处理数据

也可以对数组中的每个元素进行操作：

法语写作助手

法语助手旗下的AI智能写作平台，支持语法、拼写自动纠错，一键改写、润色你的法语作文。

31

查看详情

var numbers = [1, 2, 3, 4, 5];

$.each(numbers, function(index, value) {
  var square = value * value;
  console.log(value + ‘ 的平方是 ‘ + square);
});

中断遍历

如果想在满足某个条件时停止遍历，可以在回调函数中返回 false：

$.each(colors, function(index, value) {
  if (value === ‘green’) {
    return false; // 终止循环
  }
  console.log(value);
});

上面代码只会输出 red，遇到 green 就停止了。

基本上就这些。用 $.each() 遍历数组简单直接，适合在 jQuery 项目中处理数组数据。