jQuery遍历与筛选数组详解：grep(), filter()与Map()方法

在jQuery中，处理数组和JSON对象的遍历与筛选是常见的任务，本文将详细介绍三种主要的方法：`grep()`、`filter()` 和 `each()`。 1. **grep() 方法**： - `$.grep(array, callback)` 是一个用于过滤数组的函数，传入一个数组和一个回调函数作为参数。回调函数接收每个数组元素作为 `currentValue`，并根据条件返回布尔值。例如，示例中的代码筛选出所有大于10的元素，`filterArray` 结果为 `[12, 48, 98, 75, 11]`，长度为5。`grep()` 方法还可以通过第三个可选参数 `invert` (默认为false) 实现反转筛选，如 `filterReverse` 包含数组中小于等于10的元素。 2. **filter() 方法**： - 与 `grep()` 类似，`filter()` 方法也用于筛选数组，但其调用方式稍有不同。这里，`filter()` 接收一个匿名函数，该函数会遍历数组元素并返回符合特定条件的结果。在示例中，`filterAges` 只包含年龄大于20的值，输出为 `[32, 33, 40, 45, 98, 35]`。注意，`filter()` 方法的返回值是一个新数组，而不是原数组的引用。 3. **each() 方法**： - `$.each()` 是jQuery提供的遍历对象（包括数组）的方法。它接收两个参数，一个是待遍历的对象或数组，另一个是回调函数，通常包含两个参数 `name` 和 `value`。在处理JSON对象时，如`anObject`，`each()` 可以用来访问和操作键值对。示例中，对于对象`{one:1, two:2, three:3}`，`each` 方法按顺序打印出键值对，如`one--1`、`two--2`、`three--3`。 这些方法都是jQuery库中处理数组和JSON对象的强大工具，可以根据实际需求灵活选择和组合使用。理解它们的差异和特性有助于提高JavaScript编程的效率和代码的可读性。通过这些方法，你可以有效地筛选数据、执行条件判断，或者逐个访问数组或对象中的元素。