比較2個數組，並得到那些變量不匹配

Question

var array1 = ["display1"]; 
var array2 = ["display1", "display2", "display3"]; 

    Array.prototype.compare = function(testArr) { 
     if (this.length != testArr.length) return false; 
     for (var i = 0; i < testArr.length; i++) { 
      if (this[i].compare) { 
       if (!this[i].compare(testArr[i])) return false; 
      } 
      if (this[i] !== testArr[i]) return false; 
     } 
     return true; 
    } 

    if(!array1.compare(array2)) { 
    alert("is not match"); 
    // get all un-matched variable. 
    }else{ 
    alert("matched"); 
    } 

我的意圖是比較2個數組彼此，並獲得所有這些不匹配的變量，這個代碼全部比較看看他們是否匹配。

我該如何獲得所有不匹配的變量？

所以這個結果將是[「display2」，「display3」];

Answer 1

你可以使用一個臨時對象以計數的array1和array2給定值和過濾如果值具有計數1

function xxx(a1, a2) { 
 
    var a3 = a1.concat(a2), 
 
     temp = Object.create(null); 
 

 
    a3.forEach(function (a) { 
 
     temp[a] = (temp[a] || 0) + 1; 
 
    }); 
 
    return a3.filter(function (a) { 
 
     return temp[a] === 1; 
 
    }); 
 
} 
 

 
var array1 = ["display1"], 
 
    array2 = ["display1", "display2", "display3"], 
 
    array3 = xxx(array1, array2); 
 

 
document.write('<pre>' + JSON.stringify(array3, 0, 4) + '</pre>');

ES6

function xxx(a1, a2) { 
 
    var a3 = a1.concat(a2), 
 
     temp = Object.create(null); 
 

 
    a3.forEach(a => temp[a] = (temp[a] || 0) + 1); 
 
    return a3.filter(a => temp[a] === 1); 
 
} 
 

 
var array1 = ["display1"], 
 
    array2 = ["display1", "display2", "display3"], 
 
    array3 = xxx(array1, array2); 
 

 
document.write('<pre>' + JSON.stringify(array3, 0, 4) + '</pre>');

Answer 2

var arr1 = ["display1"], 
    arr2 = ["display10", "display2", "display3"], 
    result = [], 
    check = function(array1, array2) { 
     for (var i in array2) { 
      var item = array2[i]; 
      if (array1.indexOf(item) == -1) { 
       result.push(item); 
      } 
     } 
    }; 
    check(arr1, arr2); 
    check(arr2, arr1); 
alert(result); 

Answer 3

這應該這樣做

Array.prototype.findDifference = function(testArr) { 
    var result = []; 

    for (var j = 0; j < this.length; j++){ 
    if(testArr.indexOf(this[j])){ 
     result.push(this[j]); 
    } 
    } 

    for (var j = 0; j < testArr.length; j++){ 
    if(this.indexOf(testArr[j])){ 
     result.push(testArr[j]); 
    } 
    } 

    return result; 
} 

var array1 = ["display1", "display10"]; 
var array2 = ["display1", "display2", "display3"]; 
var result = array1.findDifference(array2); 
console.log(result); 

Answer 4

您可以使用過濾功能，以分離出不需要的元素。

var array1 = ["display1"]; 
var array2 = ["display1", "display2", "display3"]; 

Array.prototype.compare = function(testArr) { 
    var difference = []; 
    difference = this.concat(testArr).filter(function(a){ //[1] 
    if(this.indexOf(a) === this.lastIndexOf(a)) { 
     return a; //[2] 
    } 
    }.bind(this.concat(testArr))); 
    return difference; 
} 

[1] this.concat（testArr）= [ 「display1」， 「display1」， 「顯示2」， 「display3」];因爲這是一個回調函數，它的「this」將指向全局對象，因此bind（a.concat（b））;用於指定「this」爲組合數組。

Answer 5

具有箭頭功能的功能解決方案。

var arr1 = ["display1"], 
 
    arr2 = ["display1", "display2", "display3"], 
 
    res = [], 
 
    lut = {}; 
 
arr1.forEach(e => lut[e]=true); 
 
res = arr2.filter(e => lut[e] ? false : true); 
 

 
document.write('<pre>' + JSON.stringify(res, 0, 2) + '</pre>');

好確定上面的代碼解決給定的例子但是概括任務可以做

var arr1 = ["display1"], 
 
    arr2 = ["display1", "display2", "display3"], 
 
    res = [], 
 
    lut = {}; 
 
arr1.length <= arr2.length ? (arr1.forEach(e=> lut[e]=true), res = arr2.filter(e => !lut[e])) 
 
          : (arr2.forEach(e=> lut[e]=true), res = arr1.filter(e => !lut[e])); 
 

 
document.write("<pre>" + JSON.stringify(res,null,2) + "</pre>");