オブジェクトの2つのJavaScript配列の違いを見つけるにはどうすればよいですか？

Question

私は同じ長さとオブジェクトを含む2つのJavaScript配列orig（オブジェクトの元の配列）とupdate（更新されたオブジェクト配列）を持ち、オブジェクトの各ペアの違いを出力したいと思います。

例：

var orig = [{enabled:"true", name:"Obj1", id:3},{enabled:"true", name:"Obj2", id:4}]; 

var update = [{enabled:"true", name:"Obj1", id:3}, {enabled:"true", name:"Obj2-updated", id:4}]; 

出力は次のようになります。name:"Obj2-updated"

私は何かを実装しますが、それは、最適化を必要とする...

for(var prop=0; prop<orig.length; prop++) { 
    for(prop=0; prop<update.length; prop++) { 
    if(orig[prop].enabled != update.enabled) { console.log(update.enabled) } 
    if(orig[prop].name != update[prop].name) { console.log(update[prop].name) } 
    if(orig[prop].id != update[prop].id) { console.log(update[prop].id) } 
    } 
} 

Answer 1

あなたが鍵をフィルタリングし、更新されたキーで設定した結果を得ることができます。あなたはプロパティが変更されているかを調べるために、元のオブジェクトのプロパティを通過し、更新されたオブジェクトに対してチェックするために、単一のループを使用することができます

var orig = [{ enabled: "true", name: "Obj1", id: 3 }, { enabled: "true", name: "Obj2", id: 4 }], 
 
    update = [{ enabled: "true", name: "Obj1", id: 3 }, { enabled: "true", name: "Obj2-updated", id: 4 }], 
 
    difference = []; 
 

 
orig.forEach(function (a, i) { 
 
    Object.keys(a).forEach(function (k) { 
 
     if (a[k] !== update[i][k]) { 
 
      difference.push({ id: update[i].id, key: k, value: update[i][k], index: i }); 
 
     } 
 
    }); 
 
}); 
 

 
console.log(difference);

Answer 2

は、両方のプロパティ名が同一であること、と仮定すると、値は単なるプリミティブです（オブジェクトや配列などはありません）。

Object.keys(orig) 
     .forEach((key) => { 
     if(orig[ key ] !== update[ key ]) { 
      console.log(update[key]); 
     } 
     }); 

Answer 3

Object.keysを使用してオブジェクトを繰り返し表示します。ような何か：

var orig = { 
 
    enabled: "true", 
 
    name: "Obj1", 
 
    id: 3 
 
}; 
 

 
var update = { 
 
    enabled: "true", 
 
    name: "Obj1-updated", 
 
    id: 3 
 
}; 
 

 
var diff = {}; 
 

 
Object.keys(orig).forEach(function(key) { 
 
    if (orig[key] != update[key]) { 
 
    diff[key] = update[key]; 
 
    }; 
 
}) 
 

 
console.log(diff);

Answer 4

。

var orig = { 
 
    enabled: "true", 
 
    name: "Obj1", 
 
    id: 3 
 
}; 
 

 
var update = { 
 
    enabled: "true", 
 
    name: "Obj1-updated", 
 
    id: 3 
 
}; 
 

 
for (var key in orig) { 
 
    if (orig[key] !== update[key]) { 
 
    console.log(key + ': ' + update[key]); 
 
    } 
 
}

Answer 5

あなたは簡潔な方法でそれを行うにはlodashまたはRAMDAのようなライブラリを使用することができます。 Ramdaの場合は、次のようにすることができます。 R.difference(update, orig);