配列オブジェクトからオブジェクトを削除し、オブジェクトを削除しました

Question

var A = [{ 
    id: 1, 
    name: "Apple" 
}, { 
    id: 2, 
    name: "Orange" 
}, { 
    id: 3, 
    name: "Mango" 
}]; 

var B = [{ 
    id: 1, 
    name: "Apple" 
}, { 
    id: 3, 
    name: "Mango" 
}, { 
    id: 4, 
    name: "Berry" 
}]; 

オブジェクトを追加したいと思います。 [{ id: 4, name: "Berry" }
オブジェクトを削除します。 [{ id: 2, name: "Orange" }]

これを行う最も簡単な方法を教えてください。私は配列の違いを試してみましたが、大丈夫ですが、コードが複雑すぎます。ありがとう。

Answer 1

オブジェクトの比較を行うには、私が今考えている最も簡単な方法は 'ストリング'です。

var A = [{ id: 1, name: "Apple" }, { id: 2, name: "Orange" }, { id: 3, name: "Mango"}]; 
 
var B = [{ id: 1, name: "Apple" }, { id: 3, name: "Mango" }, { id: 4, name: "Berry" }]; 
 

 

 
var strA = A.map(function(item){return JSON.stringify(item);}) 
 
var strB = B.map(function(item){return JSON.stringify(item);}) 
 

 
var addedObjs = strB 
 
        .filter((item) => strA.indexOf(item) < 0) 
 
        .map((item) => JSON.parse(item)); 
 

 
var removedObjs = strA 
 
        .filter((item) => strB.indexOf(item) < 0) 
 
        .map((item) => JSON.parse(item)); 
 

 

 
console.log(addedObjs); 
 
console.log(removedObjs);