Wie bestimmt man die Gleichheit zweier JavaScript-Objekte?

Question

Ein strikter Gleichheitsoperator sagt Ihnen, ob zwei Objekte Typen gleich sind. Gibt es jedoch eine Möglichkeit zu erkennen, ob zwei Objekte gleich sind, ähnlich wie der Hash-Code Wert in Java?

Stack Overflow Frage Gibt es irgendeine Art von HashCode-Funktion in JavaScript? ist dieser Frage ähnlich, erfordert aber eine eher akademische Antwort. Das obige Szenario zeigt, warum es notwendig wäre, eine zu haben, und ich frage mich, ob es irgendeine gleichwertige Lösung .

Answer 1

Versuchen Sie zu testen, ob zwei Objekte gleich sind, d.h. ob ihre Eigenschaften gleich sind?

Wenn dies der Fall ist, werden Sie diese Situation wahrscheinlich bemerkt haben:

var a = { foo : "bar" };
var b = { foo : "bar" };
alert (a == b ? "Equal" : "Not equal");
// "Not equal"

müssen Sie vielleicht so vorgehen:

function objectEquals(obj1, obj2) {
    for (var i in obj1) {
        if (obj1.hasOwnProperty(i)) {
            if (!obj2.hasOwnProperty(i)) return false;
            if (obj1[i] != obj2[i]) return false;
        }
    }
    for (var i in obj2) {
        if (obj2.hasOwnProperty(i)) {
            if (!obj1.hasOwnProperty(i)) return false;
            if (obj1[i] != obj2[i]) return false;
        }
    }
    return true;
}

Natürlich könnte diese Funktion ein wenig optimiert werden und die Möglichkeit bieten, eine Tiefenprüfung durchzuführen (um verschachtelte Objekte zu behandeln): var a = { foo : { fu : "bar" } } ), aber Sie können sich das vorstellen.

Wie FOR bereits erwähnt hat, müssen Sie dies möglicherweise für Ihre eigenen Zwecke anpassen, z. B. können verschiedene Klassen unterschiedliche Definitionen von "gleich" haben. Wenn Sie nur mit einfachen Objekten arbeiten, kann das oben Gesagte ausreichen, andernfalls kann eine eigene MyClass.equals() Funktion kann der richtige Weg sein.

Answer 2

Wenn Sie eine Deep-Copy-Funktion zur Hand haben, können Sie den folgenden Trick anwenden, um immer noch verwenden. JSON.stringify wobei die Reihenfolge der Eigenschaften übereinstimmt:

function equals(obj1, obj2) {
    function _equals(obj1, obj2) {
        return JSON.stringify(obj1)
            === JSON.stringify($.extend(true, {}, obj1, obj2));
    }
    return _equals(obj1, obj2) && _equals(obj2, obj1);
}

Demo: http://jsfiddle.net/CU3vb/3/

Begründung:

Da die Eigenschaften von obj1 nacheinander in den Klon kopiert werden, bleibt ihre Reihenfolge im Klon erhalten. Und wenn die Eigenschaften von obj2 werden in den Klon kopiert, da Eigenschaften, die bereits in obj1 werden einfach überschrieben, ihre Reihenfolge im Klon bleibt erhalten.

Answer 3

Einfachste y logisch Lösungen für den Vergleich von allem Wie Objekt, Array, String, Int...

JSON.stringify({a: val1}) === JSON.stringify({a: val2})

Note :

• müssen Sie ersetzen val1 et val2 mit Ihrem Objekt
• für das Objekt müssen Sie für beide Seitenobjekte rekursiv sortieren (nach Schlüssel)

Answer 4

var object1 = {name: "humza" , gender : "male", age: 23}
var object2 = {name: "humza" , gender : "male", age: 23}
var result = Object.keys(object1).every((key) =>  object1[key] === object2[key])

Das Ergebnis wird sein wahr wenn Objekt1 dieselben Werte wie Objekt2 hat.

Answer 5

Ich benutze diese comparable Funktion, um Kopien meiner Objekte zu erstellen, die mit JSON vergleichbar sind:

var comparable = o => (typeof o != 'object' || !o)? o :
  Object.keys(o).sort().reduce((c, key) => (c[key] = comparable(o[key]), c), {});

// Demo:

var a = { a: 1, c: 4, b: [2, 3], d: { e: '5', f: null } };
var b = { b: [2, 3], c: 4, d: { f: null, e: '5' }, a: 1 };

console.log(JSON.stringify(comparable(a)));
console.log(JSON.stringify(comparable(b)));
console.log(JSON.stringify(comparable(a)) == JSON.stringify(comparable(b)));

<div id="div"></div>

Ist bei Tests sehr nützlich (die meisten Test-Frameworks haben eine is Funktion). z.B.

is(JSON.stringify(comparable(x)), JSON.stringify(comparable(y)), 'x must match y');

Wenn ein Unterschied festgestellt wird, werden die Zeichenfolgen protokolliert, so dass die Unterschiede erkennbar sind:

x must match y
got      {"a":1,"b":{"0":2,"1":3},"c":7,"d":{"e":"5","f":null}},
expected {"a":1,"b":{"0":2,"1":3},"c":4,"d":{"e":"5","f":null}}.