jQuery数组处理方法汇总

$.each(array, [callback])遍历,很常用 代码如下: var arr = [‘javascript’, ‘php’, ‘java’, ‘c++’, ‘c#’, ‘perl’, ‘vb’, ‘html’, ‘css’, ‘objective-c’]; $.each(arr, function(key, val) { // firebug console console.log(‘index in arr:’ + key + “, corresponding value:” + val); // 如果想退出循环 // return false; }); $.grep(ar jQuery是JavaScript的一个库，它提供了一系列便捷的API来简化HTML文档操作、事件处理、动画以及Ajax交互。在处理数组时，jQuery提供了多个方法，使得数组的遍历、过滤、转换等任务变得更加简单。以下是关于jQuery数组处理方法的详细汇总： 1. **$.each(array, [callback])**：这是一个通用的遍历方法，可以用于遍历数组或对象。在数组上下文中，`callback`函数接收两个参数，分别是当前元素的索引`key`和值`val`。在提供的代码示例中，它打印出数组中的每个元素及其索引。如果在回调函数中返回`false`，遍历会提前终止。 2. **$.grep(array, callback, [invert])**：此方法用于过滤数组，根据`callback`函数的结果保留或剔除元素。如果`invert`参数为`false`（默认），`$.grep`会保留回调函数返回`true`的元素；若设置为`true`，则保留返回`false`的元素。例子中展示了如何过滤出包含字母"c"的字符串。 3. **$.map(array, [callback])**：这个方法用于映射数组，将数组中的每个元素通过`callback`函数处理并返回新的数组。在1.6之前的jQuery版本，`$.map`只支持数组，而1.6及以后的版本开始支持JSON格式的对象。例子中展示了如何移除数组中特定值的元素，以及如何从对象中提取值。 4. **$.inArray(val, array)**：此方法用于查找指定值在数组中的索引，如果找不到则返回-1。这在需要确定某个元素是否存在于数组中的场景非常有用。 5. **$.merge(first, second)**：合并两个数组，返回一个新的数组，包含两个输入数组的所有元素。默认情况下，它会修改第一个参数，但可以通过创建副本避免对原始数组的影响，如示例所示。 6. **$.unique(array)**：这个方法用于去除数组中的重复元素。需要注意的是，`$.unique`主要用于DOM元素数组，对于非DOM元素数组，如字符串或数字数组，它可能无法正常工作。 7. **$.makeArray(obj)**：此方法将类数组对象转换为真正的数组。类数组对象是指具有length属性和可索引元素的对象，如函数的arguments。`$.makeArray`允许对这类对象使用数组的方法。 8. **$(dom).toArray()**：这是jQuery对象的一个方法，将jQuery对象转换为DOM元素数组，以便可以进行进一步的数组操作，不常用。 了解并熟练掌握这些jQuery数组处理方法，可以极大地提高开发效率，简化数组操作。在实际开发中，根据需求灵活运用这些方法，可以使代码更加简洁和高效。