2つのオブジェクトを深い比較またはjson.stringifyと比較しますか？

Question

私は以下のように比較したい複雑なJSONオブジェクトを持っています：

$scope.new = [ 
    { 
    "name": "Node-1", 
    "isParent": true, 
    "text" : [ 
     { 
      "str" : "This is my first Node-1 string", 
      "parent":[] 
     }, 
     { 
      "str" : "This is my second Node-1 string", 
      "parent":[] 
     }], 
    "nodes": [ 
     { 
     "name": "Node-1-1", 
     "isParent": false, 
     "text" : [ 
      { 
      "str" : "This is my first Node-1-1 string", 
      "parent":[] 
      }, 
      { 
      "str" : "This is my second Node-1-1 string", 
      "parent":[] 
      }], 
      "nodes": [ 
      { 
      "name": "Node-1-1-1", 
      "isParent": false, 
      "text" : [ 
      { 
       "str" : "This is my first Node-1-1-1 string", 
       "parent":[] 
      }, 
      { 
       "str" : "This is my second Node-1-1-1 string", 
       "parent":[] 
      }], 
      "nodes": [] 
      } 
     ] 
     } 
    ] 
    } 
] 

をしかし、比較しながら、私も1つのプロパティを無視したいが、私はAngular.jsを使用していますように私は、のいずれかのオプションが表示されませんangular.equal 2つのオブジェクトを比較しながらそのプロパティを省略します。

console.log(angular.equals($scope.new,$scope.copy)); 

研究をしながらだから私はオプションを発するが、問題は、私はコピーを作成して省略し、私はlodashの場合のパフォーマンスの低下を持っているだろうと思い推測されたlodash使用している答え以下となりました。

Exclude some properties in comparison using isEqual() of lodash

だから今、私は、文字列にオブジェクトを変換してから比較を行うことを考えていますし、私はそれが速くなります推測するが、問題は、私は文字列比較しながら、そのプロパティを省略する方法ですか？

var str1 = JSON.stringify(JSON.stringify($scope.new)); 

var str2 = JSON.stringify(JSON.stringify($scope.copy)); 

console.log(str1==str2); 

注：私は2オブジェクトを比較しながらisParentプロパティを無視したい、このような

何か。

比較オブジェクト2を行う最良の方法は何ですか？

Answer 1

あなたが_.isEqualWithを使用する場合はlodashを使用し、深い比較のために使用される標準的なコンパレータを上書きすることができます。へ

var objA = { 
 
    isParent: true, 
 
    foo: { 
 
    isParent: false, 
 
    bar: "foobar" 
 
    } 
 
}; 
 

 
var objB = { 
 
    isParent: false, 
 
    foo: { 
 
    isParent: true, 
 
    bar: "foobar" 
 
    } 
 
}; 
 

 
var comparator = function(left, right, key) { 
 
    if (key === 'isParent') return true; // if the key is 'isParent', mark the values equal 
 
    else return undefined;    // else fall back to the default behavior 
 
} 
 

 
var isEqual = _.isEqualWith(objA, objB, comparator); 
 

 
console.log(isEqual); // true

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

---

は、複数のプロパティを除外し、それに応じてコンパレータ機能を拡張：

var comparator = function(left, right, key) { 
    if (key === 'isParent' || key === 'anotherKey') return true; 
    else return undefined; 
} 

また、あなたが好むものに応じて、構文的に多くの異なるアプローチを使用することができます - switch文、あなたが反復配列を...

Answer 2

は、文字列に変換これらのケースでは最良のアプローチではありません。 オブジェクトとして保管してください。

使用loadash：平野AngularJSを使用して

const propertiesToExclude = ['isParent']; 
let result = _.isEqual(
    _.omit(obj1, propertiesToExclude), 
    _.omit(obj2, propertiesToExclude) 
); 

は、ない必要なプロパティを削除するオブジェクトのコピーを作成し、それらを比較：

let firstObj = angular.copy(obj1); 
let secondObj = angular.copy(obj2); 
const propertiesToExclude = ['isParent']; 
function removeNotComparatedProperties(obj) { 
    propertiesToExclude.forEach(prop => { 
    delete obj[prop]; 
    }); 
} 

removeNotComparatedProperties(firstObj); 
removeNotComparatedProperties(secondObj); 
angular.equals(firstObj, secondObj);