blocks|key|552312|text|我知道这是一个老生常谈的问题，但我想我会分享这个小技巧。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|552313|var+diff+=+$(old_array).not(new_array).get();|code-block|syntax|javascript|552314|diff现在包含了old_array中不包含在new_array中的内容|offset|length|style|CODE|552315|entityMap^0|0|0|0|4|9|9|N|9|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]|$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|N|$]]

I know this is an old question, but I thought I would share this little trick.

<pre><code>var diff = $(old_array).not(new_array).get();
</code></pre>

<code>diff</code> now contains what was in <code>old_array</code> that is not in <code>new_array</code>

blocks|key|552401|text|使用下划线为：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|552402|_.difference(array1,array2)|code-block|syntax|javascript|552403|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

use underscore as :

<pre><code>_.difference(array1,array2)
</code></pre>

blocks|key|335850|text|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%2B%2B)+{
++++++++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%2B%2B)+{
++++++++++++o.push({idx:+i,+0:+firstArr[i],+1:+undefined});
++++++++}
++++}+else+if+(fLen+<+sLen)+{
++++++++for+(i=fLen;+i<+sLen;+i%2B%2B)+{
++++++++++++o.push({idx:+i,+0:+undefined,+1:+secondArr[i]});
++++++++}
++++}++++

++++return+o;
};|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|335851|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var arrayDiff = function (firstArr, secondArr) {
 var i, o = [], fLen = firstArr.length, sLen = secondArr.length, len;


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

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

 return o;
};
</code></pre>

blocks|key|552439|text|/**+SUBTRACT+ARRAYS+**/
function+subtractarrays(array1,+array2){
++++var+difference+=+[];
++++for(+var+i+=+0;+i+<+array1.length;+i%2B%2B+)+{
++++++++if(+$.inArray(+array1[i],+array2+)+==+-1+)+{
++++++++++++++++++++difference.push(array1[i]);
++++++++}
++++}

++++return+difference;
}+++|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|552440|然后，您可以在代码中的任何位置调用该函数。|unstyled|552441|var+I_like++++=+["love",+"sex",+"food"];
var+she_likes+=+["love",+"food"];

alert(+"what+I+like+and+she+does't+like+is:+"+%2B+subtractarrays(+I_like,+she_likes+)+);+//returns+"Naughty"!|552442|这在所有情况下都有效，并避免了上述方法中的问题。希望这能有所帮助！|552443|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>/** SUBTRACT ARRAYS **/
function subtractarrays(array1, array2){
 var difference = [];
 for( var i = 0; i &lt; array1.length; i++ ) {
 if( $.inArray( array1[i], array2 ) == -1 ) {
 difference.push(array1[i]);
 }
 }

 return difference;
} 
</code></pre>

You can then call the function anywhere in your code.

<pre><code>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"!
</code></pre>

This works in all cases and avoids the problems in the methods above. Hope that helps!

blocks|key|335928|text|如果您还想比较答案的顺序，您可以将答案扩展为以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|335929|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%2B%2B;
++++++++}
++++++++return+true;
++++}
++++return+false;
}|code-block|syntax|javascript|335930|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

if you also want to compare the order of the answer you can extend the answer to something like this:

<pre><code>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 &lt; array1.length){
 if(array1[$i] !== array2[$i]){
 return false;
 }
 $i++;
 }
 return true;
 }
 return false;
}
</code></pre>

blocks|key|335968|text|通过这种方式，您无需担心第一个数组是否比第二个数组小。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|335969|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));|code-block|syntax|javascript|335970|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In this way you don't need to worry about if the first array is smaller than the second one.

<pre><code>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) &lt; 0});
 return difference.concat($.grep(array2, function(el) { return $.inArray(el,array1) &lt; 0}));;
}

console.log(array_diff(arr1, arr2));
</code></pre>

blocks|key|552504|text|简短的版本可以是这样的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|552505|const+diff+=+(a,+b)+=>+b.filter((i)+=>+a.indexOf(i)+===+-1);|code-block|syntax|javascript|552506|结果：|552507|diff(['a',+'b'],+['a',+'b',+'c',+'d']);

["c",+"d"]|552508|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

The short version can be like this:

<pre><code>const diff = (a, b) =&gt; b.filter((i) =&gt; a.indexOf(i) === -1);
</code></pre>

result:

<pre><code>diff(['a', 'b'], ['a', 'b', 'c', 'd']);

["c", "d"]
</code></pre>

blocks|key|335839|text|像这样的数组操作不是jQuery的强项。你应该考虑像Underscorejs这样的库，特别是difference函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|335840|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Array operations like this is not jQuery's strongest point. You should consider a library such as Underscorejs, specifically the difference function.

blocks|key|336045|text|这应该适用于未排序的数组、双精度值以及不同的顺序和长度，同时为您提供array1和/或array2形式的过滤值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|336046|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+]|code-block|syntax|javascript|336047|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This should work with unsorted arrays, double values and different orders and length, while giving you the filtered values form array1, array2, or both.

<pre><code>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 );
// =&gt; [ 2, 3 ]
console.log( arrayDiff(firstArray, secondArray).concat );
// =&gt; [ 2, 3, 6 ]
</code></pre>

What's the fastest/best way to compare two arrays and return the difference? Much like <code>array_diff</code> in PHP. Is there an easy function or am I going to have to create one via <code>each()</code>? or a <code>foreach</code> loop?

Compare 2 arrays which returns difference

jQuery

比较两个数组并返回差值的最快/最好的方法是什么？很像PHP中的array_diff。有没有一个简单的函数，或者我必须通过each()创建一个？或者是一个foreach循环？

问比较返回差异的2个数组
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问比较返回差异的2个数组EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问比较返回差异的2个数组
EN