詳解 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