66

比较两个数组并返回差异的最快/最佳方法是什么？很像array_diff在 PHP 中。是否有一个简单的功能，还是我必须通过创建一个each()？还是一个foreach循环？

4

10 回答 10

147

我知道这是一个老问题，但我想我会分享这个小技巧。

var diff = $(old_array).not(new_array).get();

diff现在包含在里面的东西old_array不在里面new_array

于 2013-03-13T12:51:29.227 回答
70

工作演示 http://jsfiddle.net/u9xES/

好的链接（Jquery 文档）：http ://docs.jquery.com/Main_Page {您可以在此处搜索或阅读 API}

如果您希望在 JQuery 中执行此操作，希望这会对您有所帮助。

最后的alert提示不常见元素Array的数组即2个数组的区别。

如果我错过了什么，请让我知道，干杯！

代码

var array1 = [1, 2, 3, 4, 5, 6];
var array2 = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var difference = [];

jQuery.grep(array2, function(el) {
        if (jQuery.inArray(el, array1) == -1) difference.push(el);
});

alert(" the difference is " + difference);​ // Changed variable name
于 2012-06-07T08:05:15.287 回答
9

使用下划线：

_.difference(array1,array2)
于 2014-02-27T14:01:41.207 回答
3 
var arrayDiff = function (firstArr, secondArr) {
    var i, o = [], fLen = firstArr.length, sLen = secondArr.length, len;


    if (fLen > sLen) {
        len = sLen;
    } else if (fLen < sLen) {
        len = fLen;
    } else {
        len = sLen;
    }
    for (i=0; i < len; i++) {
        if (firstArr[i] !== secondArr[i]) {
            o.push({idx: i, elem1: firstArr[i], elem2: secondArr[i]});  //idx: array index
        }
    }

    if (fLen > sLen) {  // first > second
        for (i=sLen; i< fLen; i++) {
            o.push({idx: i, 0: firstArr[i], 1: undefined});
        }
    } else if (fLen < sLen) {
        for (i=fLen; i< sLen; i++) {
            o.push({idx: i, 0: undefined, 1: secondArr[i]});
        }
    }    

    return o;
};
于 2012-06-07T08:23:47.203 回答
3 
/** SUBTRACT ARRAYS **/
function subtractarrays(array1, array2){
    var difference = [];
    for( var i = 0; i < array1.length; i++ ) {
        if( $.inArray( array1[i], array2 ) == -1 ) {
                    difference.push(array1[i]);
        }
    }

    return difference;
}

然后，您可以在代码中的任何位置调用该函数。

var I_like    = ["love", "sex", "food"];
var she_likes = ["love", "food"];

alert( "what I like and she does't like is: " + subtractarrays( I_like, she_likes ) ); //returns "Naughty"!

这在所有情况下都有效，并避免了上述方法中的问题。希望有帮助！

于 2015-08-30T03:12:30.923 回答
2

这样您就不必担心第一个数组是否小于第二个数组。

var arr1 = [1, 2, 3, 4, 5, 6,10],
    arr2 = [1, 2, 3, 4, 5, 6, 7, 8, 9];

function array_diff(array1, array2){
    var difference = $.grep(array1, function(el) { return $.inArray(el,array2) < 0});
    return difference.concat($.grep(array2, function(el) { return $.inArray(el,array1) < 0}));;
}

console.log(array_diff(arr1, arr2));
于 2014-01-13T12:03:36.293 回答
2

如果您还想比较答案的顺序，可以将答案扩展为以下内容：

Array.prototype.compareTo = function (array2){
    var array1 = this;
    var difference = [];
    $.grep(array2, function(el) {
        if ($.inArray(el, array1) == -1) difference.push(el);
    });
    if( difference.length === 0 ){
        var $i = 0;
        while($i < array1.length){
            if(array1[$i] !== array2[$i]){
                return false;
            }
            $i++;
        }
        return true;
    }
    return false;
}
于 2013-08-30T10:40:20.257 回答
2

简短的版本可以是这样的：

const diff = (a, b) => b.filter((i) => a.indexOf(i) === -1);

结果：

diff(['a', 'b'], ['a', 'b', 'c', 'd']);

["c", "d"]
于 2019-03-11T14:45:54.140 回答
1

像这样的数组操作并不是 jQuery 的强项。您应该考虑使用 Underscorejs 之类的库，特别是差异函数。

于 2012-06-07T07:52:02.417 回答
1

这应该适用于未排序的数组、双精度值以及不同的顺序和长度，同时为您提供来自 array1、array2 或两者的过滤值。

function arrayDiff(arr1, arr2) {
    var diff = {};

    diff.arr1 = arr1.filter(function(value) {
        if (arr2.indexOf(value) === -1) {
            return value;
        }
    });

    diff.arr2 = arr2.filter(function(value) {
        if (arr1.indexOf(value) === -1) {
            return value;
        }
    });

    diff.concat = diff.arr1.concat(diff.arr2);

    return diff;
};

var firstArray = [1,2,3,4];
var secondArray = [4,6,1,4];

console.log( arrayDiff(firstArray, secondArray) );
console.log( arrayDiff(firstArray, secondArray).arr1 );
// => [ 2, 3 ]
console.log( arrayDiff(firstArray, secondArray).concat );
// => [ 2, 3, 6 ]
于 2016-11-16T12:30:05.543 回答