jquery 数组

jQuery 数组操作

jQuery 本身不提供专门的数组类型，但可以方便地操作 JavaScript 数组。以下是常见的数组操作方法：

遍历数组

使用 $.each() 方法遍历数组：

var arr = [1, 2, 3];
$.each(arr, function(index, value) {
    console.log(index + ": " + value);
});

筛选数组

使用 $.grep() 方法筛选数组元素：

var arr = [1, 2, 3, 4, 5];
var filtered = $.grep(arr, function(value) {
    return value > 2;
});
console.log(filtered); // [3, 4, 5]

映射数组

使用 $.map() 方法对数组元素进行转换：

var arr = [1, 2, 3];
var mapped = $.map(arr, function(value) {
    return value * 2;
});
console.log(mapped); // [2, 4, 6]

检查数组元素

使用 $.inArray() 方法检查元素是否在数组中：

var arr = [1, 2, 3];
var index = $.inArray(2, arr);
console.log(index); // 1

合并数组

使用 $.merge() 方法合并两个数组：

var arr1 = [1, 2];
var arr2 = [3, 4];
var merged = $.merge(arr1, arr2);
console.log(merged); // [1, 2, 3, 4]

去重数组

使用 $.unique() 方法去除重复元素：

var arr = [1, 2, 2, 3];
var unique = $.unique(arr);
console.log(unique); // [1, 2, 3]

扩展数组功能

jQuery 还允许扩展数组功能，例如添加自定义方法：

$.extend({
    sum: function(array) {
        return array.reduce(function(a, b) {
            return a + b;
        }, 0);
    }
});
var arr = [1, 2, 3];
console.log($.sum(arr)); // 6

原生 JavaScript 数组方法

jQuery 的数组方法基于原生 JavaScript 数组方法，以下是一些常用的原生方法：

Array.prototype.forEach

遍历数组：

var arr = [1, 2, 3];
arr.forEach(function(value, index) {
    console.log(index + ": " + value);
});

Array.prototype.filter

筛选数组：

var arr = [1, 2, 3, 4, 5];
var filtered = arr.filter(function(value) {
    return value > 2;
});
console.log(filtered); // [3, 4, 5]

Array.prototype.map

映射数组：

var arr = [1, 2, 3];
var mapped = arr.map(function(value) {
    return value * 2;
});
console.log(mapped); // [2, 4, 6]

Array.prototype.indexOf

检查元素是否存在：

var arr = [1, 2, 3];
var index = arr.indexOf(2);
console.log(index); // 1

Array.prototype.concat

合并数组：

var arr1 = [1, 2];
var arr2 = [3, 4];
var merged = arr1.concat(arr2);
console.log(merged); // [1, 2, 3, 4]

Array.prototype.reduce

计算数组总和：

var arr = [1, 2, 3];
var sum = arr.reduce(function(a, b) {
    return a + b;
}, 0);
console.log(sum); // 6