详解 jQuery 数组

一、jquery数组的个数

在 jQuery 中，数组是一种很常见的数据结构，用来存储一组数据。获取数组的个数是我们常见的操作，可以通过 length 属性获得。下面是示例代码：

var arr = [1, 2, 3, 4, 5];
console.log(arr.length); // 输出 5

二、jquery数组去重方法

在实际开发中，我们可能会遇到需要去掉数组中重复的元素的情况。下面是一种简单的去重方法：

var arr = [1, 2, 2, 3, 3, 4, 5];
var res = [];
$.each(arr, function(i, item){
    if($.inArray(item, res) == -1){
        res.push(item);
    }
});
console.log(res); // 输出 [1, 2, 3, 4, 5]

三、jquery数组怎么定义

定义 jQuery 数组很简单，可以直接使用数组字面量 [] 或者通过 jQuery.makeArray() 来创建。示例代码如下所示：

var arr1 = [1, 2, 3];
var arr2 = jQuery.makeArray(arr1);
console.log(arr1); // 输出 [1, 2, 3]
console.log(arr2); // 输出 [1, 2, 3]

四、jquery数组添加元素

向 jQuery 数组中添加元素可以使用 push() 和 unshift() 方法，一个是在数组末端添加，一个是在数组开头添加，示例代码如下所示：

var arr = [1, 2, 3];
arr.push(4);
console.log(arr); // 输出 [1, 2, 3, 4]
arr.unshift(0);
console.log(arr); // 输出 [0, 1, 2, 3, 4]

五、jquery数组json

将 JQuery 数组转换成 JSON 字符串，可以使用 JSON.stringify() 方法。示例如下：

var arr = [1, 2, 3];
var jsonStr = JSON.stringify(arr);
console.log(jsonStr); // 输出 [1,2,3]

六、jquery数组删除元素

可以使用 splice() 方法从数组中删除元素，该方法会改变原数组。示例代码如下所示：

var arr = [1, 2, 3];
arr.splice(1,1); // 删除第二个元素
console.log(arr); // 输出 [1, 3]

七、jquery数组删除指定元素

当我们需要删除数组中指定的元素时，可以使用 jQuery.grep() 方法。该方法返回一个新数组，其中不包含要删除的元素。 示例代码如下所示：

var arr = [1, 2, 3, 4, 5];
var res = $.grep(arr, function(n, i){
    return n != 3 && i != 1;
});
console.log(res); // 输出 [1, 4, 5]

八、jquery数组删除指定对象

删除指定的对象，可以使用 jQuery.grep() 方法结合 $.extend() 方法来实现。示例代码如下：

var arr = [{id:1, name:'tom'}, {id:2, name:'lily'}, {id:3, name:'jack'}];
var data = [{id:2, name:'lily'}, {id:3, name:'jack'}];
var res = $.grep(arr, function(n, i){
    return $.extend({}, n) !== $.extend({}, data[i]);
});
console.log(res); // 输出 [{id:1, name:'tom'}]

九、jquery数组是否存在

判断一个值是否存在于数组中，可以使用 jQuery.inArray() 方法，如果值不存在返回 -1。示例代码如下所示：

var arr = [1, 2, 3];
console.log($.inArray(2, arr)); // 输出 1
console.log($.inArray(4, arr)); // 输出 -1