web-dev-qa-db-ja.com

オブジェクトの2つのJavaScript配列の違いを見つける方法は？

同じ長さでオブジェクトを含む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) }
  }
}
javascriptarraysjavascript-objectsdifferencedata-manipulation
15
Valip

キーをフィルタリングして、更新されたキーで結果セットを取得できます。

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);
14
Nina Scholz

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

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

単一のループを使用して、元のオブジェクトのプロパティを調べ、更新されたオブジェクトと照合して、変更されたプロパティを見つけることができます。

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]);
  }
}
3
Abdul Mateen Mohammed

使用する 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);
3
tewathia

LodashやRamdaなどのライブラリを使用して、簡潔に行うことができます。 Ramdaの場合、次のことができます：R.difference(update, orig);

0
Barry G