jquery数组
jQuery 数组操作
jQuery 提供了多种方法来操作数组或类数组对象(如 jQuery 对象集合)。以下是常见的数组操作方法:
遍历数组
使用 $.each() 方法可以遍历数组或对象:
var arr = [1, 2, 3];
$.each(arr, function(index, value) {
console.log(index + ": " + value);
});
过滤数组
$.grep() 方法用于过滤数组:
var filtered = $.grep(arr, function(value) {
return value > 1;
});
// 结果: [2, 3]
映射数组
$.map() 方法可以将数组转换为新数组:
var mapped = $.map(arr, function(value) {
return value * 2;
});
// 结果: [2, 4, 6]
合并数组
$.merge() 方法用于合并两个数组:
var arr1 = [1, 2];
var arr2 = [3, 4];
var merged = $.merge(arr1, arr2);
// 结果: [1, 2, 3, 4]
检查数组是否包含值
$.inArray() 方法检查值是否在数组中:
var index = $.inArray(2, arr);
// 返回索引 1 (未找到返回 -1)
去重
$.unique() 方法(仅适用于 DOM 元素数组)或结合其他方法实现去重:
var uniqueArr = $.unique([1, 2, 2, 3]);
// 注意: $.unique() 主要用于 DOM 元素
扩展数组功能
jQuery 可以扩展原生数组功能:
$.fn.extend({
customMethod: function() {
// 自定义数组方法
}
});
与 jQuery 对象互转
jQuery 对象是类数组对象,可通过以下方式转换:
var $divs = $('div');
var divArray = $.makeArray($divs);
注意:现代 JavaScript 已提供许多原生数组方法(如 forEach, filter, map),但在 jQuery 环境中这些方法仍然有用,特别是在处理 DOM 集合时。







