得到從陣列元件，其不處於物體

Question

的第一陣列我在javascript

var arr1 = [{'a':'1'},{'b':'2'},{'c':'3'}]; 
var arr2 = [{'a':'1'},{'b':'2'},{'d':'4'}]; 

我想從ARR2這不是在ARR1的元件對象的兩個數組。 我的輸出將是[{'d':'4'}]

Answer 1

是來到我的腦海裏，最簡單的方法是透過JSON.stringify：

var arr1 = [{'a':'1'},{'b':'2'},{'c':'3'}]; 
 
var arr2 = [{'a':'1'},{'b':'2'},{'d':'4'}]; 
 

 
stringArr1 = JSON.stringify(arr1); 
 
var result = arr2.filter(
 
    obj => !~stringArr1.indexOf(JSON.stringify(obj)) 
 
); 
 

 
console.log(result);

但應該有更好的方式。

---

的等效：

var result = arr2.filter(
    obj => !~stringArr1.indexOf(JSON.stringify(obj)) 
); 

是常見的：

var result = arr2.filter(function (obj) { 
    var stringObj = JSON.stringify(obj); 
    if (stringArr1.indexOf(stringObj) != -1) 
    return true; 
    else 
    return false; 
}); 

的招數很簡單，基本上你需要知道的三兩件事：

1. 所有非 - 零數字是真實的。 SO link.
2. 按位不（~）變爲-1到0 MDN link.
3. 內嵌箭頭函數（=>）不需要return關鍵字。 MDN link.

希望它能幫助:)

Answer 2

您可以使用$.grep()，.every()，Object.keys()

var arr1 = [{'a':'1'},{'b':'2'},{'c':'3'}]; 
 
var arr2 = [{'a':'1'},{'b':'2'},{'d':'4'}]; 
 
var res = $.grep(arr2, function(v) { 
 
      return arr1.every(function(_v) { 
 
       var keys = [Object.keys(v)[0], Object.keys(_v)[0]]; 
 
       return keys[0] !== keys[1] && v[keys[0]] !== _v[keys[1]] 
 
      }) 
 
      }); 
 
console.log(res)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>

Answer 3

您可以使用JSON.stringify的陣列中的每個元素，並使用哈希表檢查

var arr1 = [{ 'a': '1' }, { 'b': '2' }, { 'c': '3' }], 
 
    arr2 = [{ 'a': '1' }, { 'b': '2' }, { 'd': '4' }], 
 
    arr3, 
 
    hash = Object.create(null); 
 

 
arr1.forEach(function (o) { 
 
    hash[JSON.stringify(o)] = true; 
 
}); 
 

 
arr3 = arr2.filter(function (o) { 
 
    return !hash[JSON.stringify(o)]; 
 
}); 
 

 
console.log(arr3);