Wie in zwei Objekte in javaScript

Question

anders kommen Kürzlich arbeite ich an dem Projekt. Ich stehe vor dem Problem, den Unterschied zwischen zwei JavaScript-Objekten zu erkennen. Im Folgenden sind zwei Beispiele für das Objekt. Das zweite Objekt hat einen zusätzlichen Schlüssel. So, wie man den Unterschied zwischen den Gegenständen erhält.

Beispiel 1

{ 
    "title": "JavaScript Tutorial", 
    "body": "JavaScript", 
    "comments": [ 
    { 
     "name": "John Smith", 
     "comment": "Great article", 
     "age":  28, 
     "stars": 4, 
     "date": "2014-09-01" 
    }, 

    ] 
} 

Beispiel 2

{ 
    "title": "JavaScript tutorial", 
    "body": "JavaScript.", 
    "topics":"how learn JavaScript withing 10 days", 
    "comments": [ 
    { 
     "name": "John Smith", 
     "comment": "Great article", 
     "age":  28, 
     "stars": 4, 
     "date": "2014-09-01" 
    }, 

    ] 
} 

I wie unten führen wollen. Unten finden Schlüssel unterscheidet sich in zwei Objekt

„Themen“: „Wie JavaScript 10 Tage withing lernen“,

Answer 1

Werfen Sie einen Blick auf deep-diff, die Sie im Wesentlichen, wie dies für Ihre Beispieldaten verwenden können

var diff = require('deep-diff').diff; 

var lhs = { 
    "title": "JavaScript Tutorial", 
    "body": "JavaScript", 
    "comments": [ 
    { 
     "name": "John Smith", 
     "comment": "Great article", 
     "age":  28, 
     "stars": 4, 
     "date": "2014-09-01" 
    }, 

    ] 
}; 

var rhs = { 
    "title": "JavaScript tutorial", 
    "body": "JavaScript.", 
    "topics":"how learn JavaScript withing 10 days", 
    "comments": [ 
    { 
     "name": "John Smith", 
     "comment": "Great article", 
     "age":  28, 
     "stars": 4, 
     "date": "2014-09-01" 
    }, 

    ] 
}; 

var differences = diff(lhs, rhs); 
console.log(differences); 

die folgende Ausgabe

[ DiffEdit { 
    kind: 'E', 
    path: [ 'title' ], 
    lhs: 'JavaScript Tutorial', 
    rhs: 'JavaScript tutorial' }, 
    DiffEdit { 
    kind: 'E', 
    path: [ 'body' ], 
    lhs: 'JavaScript', 
    rhs: 'JavaScript.' }, 
    DiffNew { 
    kind: 'N', 
    path: [ 'topics' ], 
    rhs: 'how learn JavaScript withing 10 days' } ] 

Wie Sie sehen können, gibt es mehr Veränderungen als nur die neue Eigenschaft. Die Art des Unterschieds wird auch durch die Eigenschaft kind angezeigt. Wenn Sie nur die neue Eigenschaft benötigen, betrachten Sie die Objekte nur mit kind === 'N'

Answer 2

Wenn Rekursion kein Faktor ist, können Sie die Eigenschaften beider Prüfungen einfach durchlaufen, wenn beide die entsprechende Eigenschaft besitzen.

Stellen Sie sicher, dass Sie beide überlappen, so dass Sie keine falschen positiven Ergebnisse erhalten.

diesen Code ausprobieren

function sameKeys (obj1, obj2) { 
    let diffs = [] 

    for (let prop in obj1) { 
     if (undefined === typeof obj2[prop] 
      || obj2[prop] !== obj1[prop]) { 

      diffs.push({ 
       type: (obj2[prop] !== undefined ? "Not equal" : "Undefined"), 
       field: prop, 
       whichOne: "Object 2", 
       values: { 
        object1: obj1[prop], 
        object2: obj2[prop] 
       } 
      }) 
     } 
    } 

    for (let prop in obj2) { 
     if (undefined === typeof obj1[prop] 
      || obj1[prop] !== obj2[prop]) { 

      diffs.push({ 
       type: (obj1[prop] !== undefined ? "Not equal" : "Undefined"), 
       field: prop, 
       whichOne: "Object 1", 
       values: { 
        object1: obj1[prop], 
        object2: obj2[prop] 
       } 
      }) 
     } 
    } 

    return diffs 
}