如何用jQuery/JavaScript来比较两个JavaScript数组对象

当比较两个JavaScript数组对象时，我们可以使用jQuery/JavaScript的库来帮助我们完成比较。下面是一个完整的比较JavaScript数组对象的攻略，包括过程和示例说明。

1. 首先，使用jQuery的$.grep()方法过滤两个数组

我们可以使用jQuery库的$.grep()方法来过滤两个数组。这种方法会把第一个数组中具有相同属性的对象与第二个数组中具有相同属性的对象进行比较。比较结果将写入第一个数组中并返回。

以下为用jQuery的$.grep()方法并比较两个数组:

var arr1 = [
{ id: 1, name: "John" },
{ id: 2, name: "Bill" },
{ id: 3, name: "Mary" }
];

var arr2 = [
{ id: 1, name: "John" },
{ id: 2, name: "Steve" }
];

var result = $.grep(arr1, function(e1){
    return !$.grep(arr2, function(e2){
        return e1.id == e2.id && e1.name == e2.name;
    }).length;
});

console.log(JSON.stringify(result));

输出结果将为：

[
    {
        "id": 3,
        "name": "Mary"
    }
]

2. 其次，使用JavaScript的Array.filter()方法来过滤两个数组

我们可以使用JavaScript的Array.filter()方法来过滤两个数组。这种方法会把第一个数组中具有相同属性的对象与第二个数组中具有相同属性的对象进行比较。过滤结果将为一个包含没有匹配元素的新数组。

以下为使用JavaScript的Array.filter()方法并比较两个数组：

var arr1 = [
{ id: 1, name: "John" },
{ id: 2, name: "Bill" },
{ id: 3, name: "Mary" }
];

var arr2 = [
{ id: 1, name: "John" },
{ id: 2, name: "Steve" }
];

var result = arr1.filter(function(obj1){
    return !arr2.some(function(obj2){
        return obj1.id == obj2.id && obj1.name == obj2.name;
    });
});

console.log(JSON.stringify(result));

输出结果将为：

[
    {
        "id": 3,
        "name": "Mary"
    }
]

以上是使用jQuery和JavaScript库比较两个JavaScript数组对象的攻略，两个方法都是可以实现对比两个数组对象，只有具体情况才可以选择哪种方式适用。