Javascript/jQuery - 別のオブジェクトからオブジェクトを更新する

Question

複雑で深いオブジェクトであるstoredData.Departmentがあります。これはAngularJSによって使用されています。変更がUIに反映させることの必要性を生じた場合、私は新しいオブジェクトから既存のオブジェクトに変更をマージするためにjQueryの$.extend()を使用していますXHRから返される：変更は添加されているとき

$.extend(true, storedData.Department, res.data.Department); 

は、これは素晴らしい作品 。残念ながら、のサブトラクションの変更はstoredData.Departmentから削除されません。

storedData.Departmentオブジェクトを更新されたオブジェクトで上書きすることはできますが、それは$.extendと比べて大幅にパフォーマンスが低下します。

storedData.Departmentを選択して更新するには、res.data.Departmentで変更された内容を追加したり削除したりするにはどうすればよいですか？解決策は、合理的に実行可能である必要があります。

Answer 1

XHR呼び出しから返されたオブジェクトにない元のオブジェクトのプロパティを削除するために、deleteを使用できます。それは単にobject.propertyを削除するだけです。存在するものを判断するために各オブジェクトのプロパティをループする必要がありますが、それはかなり効果的です。

実際には、ループでは、次のような構文があります。delete object [propertyName]は、おそらく行く方法です。

このようなものはかなり近いはずです。 （私はそれをテストしていません）

function mirror(source, target) { 
    // assign all property values from the source to the target. 
    for (var prop in source) { 
     target[prop] = source[prop]; 
    }; 
    // remote any properties present on the target that aren't in the source. 
    for (var prop in target) { 
     if (! source[prop]) { 
      delete target[prop]; 
     } 
    }; 
};