Unveränderlich JS vergleichen, verschachtelte Strukturen

Ich habe 2 geschachtelte Strukturen newState und newState1.

Aber wenn ich vergleichen die equals() oder Unveränderlich.ist() zurückgegeben false. Die Werte in diesen Strukturen identisch.

Wie man richtig vergleichen newState und newState1?

var grid = {
    editable: false,
    widgets: [{
        name: 'Some widget',
        type: 'List',
        defaultDataSource: 'daily',
        dataSources: {}
    }, {
        name: 'Some widget1',
        type: 'List',
        defaultDataSource: 'daily',
        dataSources: {}
    }]
};

var state = Immutable.fromJS(grid);

var newState = state.updateIn(['widgets'], function (list) {
    return list.push(Immutable.Map({
        name: 'Some widget2',
        type: 'List',
        defaultDataSource: 'daily',
        dataSources: {}
    }));
});

var newState1 = state.updateIn(['widgets'], function (list) {
    return list.push(Immutable.Map({
        name: 'Some widget2',
        type: 'List',
        defaultDataSource: 'daily',
        dataSources: {}
    }));
});

console.log(state.toJS(), newState.toJS(), newState1.toJS());

console.log(newState.equals(newState1)); //false

Code in JSFiddle:
https://jsfiddle.net/z3xuagwm/

InformationsquelleAutor Slava Minchonok | 2015-10-02
  1. 19

    Scheint es, dass immutablejs nicht tiefen-Konvertierung, so dass, wenn Ihr Wert Objekt bleibt Objekt.

    Da Sie erstellen verschiedene Objekt in jedem Schritt aktualisieren, und die Objekte behandeln Sie anders, wenn Sie vergleichen Sie miteinander, so sollten Sie auch konvertieren Unveränderlich.Map-Objekt, um die Vergleiche wahr sein.

    JS:

    //Primitives.
var test1 = Immutable.Map({
    a: 'a', 
    b: 'b', 
    c: 'c'
});
var test2 = Immutable.Map({
    a: 'a',
    b: 'b',
    c: 'c'
});
console.log('Test primitive', test1.equals(test2)); //true

//Object
test1 = Immutable.Map({
    a: 'a',
    b: 'b',
    c: {}
});
test2 = Immutable.Map({
    a: 'a',
    b: 'b',
    c: {}
});
console.log('Test object', test1.equals(test2));  //false
//Its because
var a = {};
var b = {};
console.log('a === b?', a === b); //false

//Convert
test1 = Immutable.Map({
    a: 'a',
    b: 'b',
    c: Immutable.Map({})
});
test2 = Immutable.Map({
    a: 'a',
    b: 'b',
    c: Immutable.Map({})
});
console.log('Test converted', test1.equals(test2)); //true

    HTML:

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

    InformationsquelleAutor fuyushimoya
  2. 9

    Ändern Unveränderlich.Karte Unveränderlich.fromJS in den push-Funktionen (wie schon gesagt wurde - nur fromJS werden eine Tiefe Wandlung, Karte,Liste etc. nicht):

    var newState = state.updateIn(['widgets'], function (list) {
    return list.push(Immutable.fromJS({
        name: 'Some widget2',
        type: 'List',
        defaultDataSource: 'daily',
        dataSources: {}
    }));
});

var newState1 = state.updateIn(['widgets'], function (list) {
    return list.push(Immutable.fromJS({
        name: 'Some widget2',
        type: 'List',
        defaultDataSource: 'daily',
        dataSources: {}
    }));
});
    • Ist es zu rechenintensiv aufrufen .fromJS? Aber es ist die einzige anständige Ansatz zum Vergleich von verschachtelten Datenstrukturen?
    • Ich glaube nicht, dass fromJS ist teuer, aber offen zu hören, wenn es ist. Es ist sehr bequem.
    InformationsquelleAutor Geoffrey Abdallah
  3. 0

    Was über die Verwendung von JSON.stringify?

    JSON.stringify(values) !== JSON.stringify(anothervalue);

    Wenn Sie wissen, dass Sie nicht kreisförmige Objekte, und enthalten keine Funktionen, ich denke es ist der Schnellste Weg, Sie zu vergleichen.

    • Das klappt nicht immer, weil zwei JSON-Objekte mit gleichen Eigenschaften werden nicht immer gleich Aussehen. Gibt es ein Modul, json-is-equal, dass für Sie arbeiten kann, github.com/Kikobeats/json-is-equal
    • es wird funktionieren, wenn Sie die Stummschaltung obj1 in obj2, dann ist die Reihenfolge der Eigenschaften ist immer die gleiche. wenn es nicht ist, dann das Objekt wurde stummgeschaltet sicher, damit der test gültig ist. Vergleich 2 unveränderliche Objekte, wo die zweite wurde nicht erstellt, da eine mutation des ersten, sollte immer false aus der definition denke ich
    • Sicher, in dem Fall, wo Sie haben 100% Kontrolle und verstehen, dass Ihre javascript-Implementierung wird nicht verändert, die Reihenfolge der Eigenschaften, dann ja. Ich glaube nicht, dass ich jemals sicher gewesen, und ich glaube nicht, dass das eine Garantie dafür, dass jede Umsetzung macht. Ich mag mich irren aber.
    • a) Es gibt keine Garantie der Reihenfolge der Einträge in einer Karte oder ist stringified form - nur weil es für Sie funktioniert in Ihrer Umgebung bedeutet nicht, dass es die Arbeit einer anderen Umgebung.
    • (rennt die Zeit ändern) b) halten Sie ein Objekt und Gebäude einen string aus, es wird nicht zu schnell zur Laufzeit, vor allem, weil Sie haben jetzt aufbauen und Parsen der Json-auf jedem schreiben und Lesen aber auch wenn Ihre Vergleiche sind in der Regel negativ, ein Kurzschluss Vergleich wird wahrscheinlich schneller sein, im Durchschnitt jedoch schnell stringifying ist.
    InformationsquelleAutor kompupat
Schreibe einen Kommentar