Array-Objekt tief Vergleich mit lodash

Ich habe 2 array von Objekten, die würde ich zutiefst vergleichen mit lodash

Allerdings hab ich ein prob:

> var x = [{a:1, b:2}, {c:3, d:4}];
> var y = [{b:2, a:1}, {d:4, c:3}];
> _.difference(x,y, _.isEqual);
[ { a: 1, b: 2 }, { c: 3, d: 4 } ]

Wie soll ich vergleichen, um zu sehen, dass beide gleich sind?

Array von arrays möglich ist, zu Sortieren. Array von Objekten ist nicht.

InformationsquelleAutor Archer | 2016-05-06

29

Können Sie Gebrauch machen von differenceWith() mit einem isEqual() Komparator, und rufen Sie isEmpty um zu überprüfen, ob Sie gleich sind oder nicht.

JS:
```
var isArrayEqual = function(x, y) {
  return _(x).differenceWith(y, _.isEqual).isEmpty();
};

var result1 = isArrayEqual(
  [{a:1, b:2}, {c:3, d:4}],
  [{b:2, a:1}, {d:4, c:3}]
);

var result2 = isArrayEqual(
  [{a:1, b:2, c: 1}, {c:3, d:4}],
  [{b:2, a:1}, {d:4, c:3}]
);

document.write([
  '<div><label>result1: ', result1, '</label></div>',
  '<div><label>result2: ', result2, '</label></div>',
].join(''));
```
HTML:
```
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.11.2/lodash.js"></script>
```
UPDATE 22. Juni 2018

Dieses update ist eine Reaktion auf den Kommentar unten:

@ryeballar wenn der array nicht definiert ist gibt es true zurück. Wie würde
Sie lösen diese. Vielen Dank im Voraus buddy

Wie gesagt in der differenceWith Dokumentation:

Die Bestellung und Referenzen der Ergebnis-Werte bestimmt, indem die erste
array.

Dies bedeutet, dass, solange alle Elemente des ersten Arrays entsprechen, alles andere in der zweiten Reihe, dann das resultierende array aus der differenceWith Aufruf leer.

Eine alternative Lösung, die wirklich das problem löst, ist die Verwendung xorWith() mit der gleichen Kette von Funktionen aus der Lösung oben.

JS:
```
var isArrayEqual = function(x, y) {
  return _(x).xorWith(y, _.isEqual).isEmpty();
};

var result1 = isArrayEqual(
  [{a:1, b:2}, {c:3, d:4}],
  [{b:2, a:1}, {d:4, c:3}]
);

var result2 = isArrayEqual(
  [{a:1, b:2, c: 1}, {c:3, d:4}],
  [{b:2, a:1}, {d:4, c:3}]
);

var result3 = isArrayEqual(
  [{a:1, b:2, c: 1}, {c:3, d:4}],
  [{b:2, a:1}, {d:4, c:3}, undefined]
);

console.log('result1:', result1);
console.log('result2:', result2);
console.log('result3:', result3);
```
CSS:
```
.as-console-wrapper{min-height:100%;top:0}
```
HTML:
```
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.min.js"></script>
```
- Danke @ryeballar . Grundsätzlich habe ich wirklich brauchen, um zu finden diff zwischen Ihnen, so _.difference sollte einfach ersetzt mit _.differenceWith mit _.isEqual Komparator.
- Ich habe noch nie gesehen syntax für _(foo) irgendwo erwähnt lodash. Wo ist das in den docs?
- Sie können sich auf dieser Teil des lodash Dokumentation.
- wenn der array nicht definiert ist gibt es true zurück. Wie würden Sie dieses Problem lösen. Vielen Dank im Voraus buddy
- Ich fügte hinzu, ein update, diese Antwort ist schon ziemlich veraltet.
- könnte man zeigen, wie ich eine _(x) mit einzeln installierten Komponenten, da brauche ich nicht die ganze lodash? Ich fand lodash.isequal (ie npm i --save lodash.isequal), lodash.xorwith, lodash.isequal, lodash.isempty, aber ich weiß nicht, was zu installieren, für _(x).
- Sie können einfach verlangen, jede Funktion und dann benutzen Sie, als würden Sie in eine nicht geschaltete Art und Weise. isEmpty(xorWith(x, y, isEqual))
InformationsquelleAutor ryeballar
3

Bevorzuge ich Reine JS-da habe ich noch nicht die Geduld, zu lernen, Unterstrich oder lodash. Also ich erfinde etwas, was ich schon lange geträumt. Die Object.prototype.compare(). Die v0.0.2 ist dabei nur seicht Vergleich, aber ausreichend für diese Frage.

JS:
```
Object.prototype.compare = function(o){
  var ok = Object.keys(this);
  return typeof o === "object" && ok.length === Object.keys(o).length ? ok.every(k => this[k] === o[k]) : false;
};
var obj1 = {a:1,b:2,c:3},
    obj2 = {c:3,a:1,b:2},
    obj3 = {b:2,c:3,a:7};

document.write ("<pre>" + obj1.compare(obj2) + "</pre>\n");
document.write ("<pre>" + obj2.compare(obj3) + "</pre>\n");
document.write ("<pre>" + new Object({a:1, b:2, c:3}).compare({c:3,b:2,a:1,d:0}) + "</pre>\n");
```
Cool... So lässt sich dann weiter mit der Frage... ich denke mal... da haben wir schon ein Object.prototype.compare() sollte es absolut keinen Schaden bei der Erfindung von Array.prototype.compare(). Wir machen es cleverer dieser Zeit. Es soll sagen, primitiven Objekten. Eine andere Sache ist, arrays geordnet sind, also in meinem Buch [1,2] ist nicht gleich [2,1]. Auch dies macht die Arbeit einfacher.

JS:
```
Object.prototype.compare = function(o){
  var ok = Object.keys(this);
  return typeof o === "object" && ok.length === Object.keys(o).length ? ok.every(k => this[k] === o[k]) : false;
};
Array.prototype.compare = function(a){
  return this.every((e,i) => typeof a[i] === "object" ? a[i].compare(e) : a[i] === e);
}
var x = [{a:1, b:2}, {c:3, d:4}],
    y = [{b:2, a:1}, {d:4, c:3}],
    a = [1,2,3,4,5],
    b = [1,2,3,4,5],
    p = "fourtytwo",
    r = "thirtyseven",
    n = 42,
    m = 37;
document.writeln(x.compare(y)); //the question is answered here
document.writeln(a.compare(b));
document.writeln(p.compare(r)); //these primitives end up at Object prototype
document.writeln(n.compare(m)); //so modify Object.prototype.compare () accordingly
```
- Ihre Lösung sieht cool aus, danke. Allerdings: new Object({a:1, b:2, c:3}).compare({c:3,b:2,a:1,d:0}); zurück true sein, sollte aber false Gleichen Probleme mit deep-Objekt-Vergleich. Ich würde es vorziehen, vorhandene lodash Lösung.
- hmm cool.. das ist der Grund, warum es ist v0.0.1. Scheint, wir haben, um einen Scheck für Object.keys().length Bühne.
- habe einen schnellen fix. Ich denke, nächste Stufe könnte sein, dass es tiefer rekursiv, hand in hand mit dem twin Array.prototype.compare()
- gut 😉 Aber besser zu lernen lodash. Es ist, was es für entworfen wurde.
- Naja, mag sein... Aber ich bin ein sehr Bibliothek Agnostiker person. Denke, dass es auf diese Weise, wenn Sie brauchen eine Banane, die Sie würde nicht wie ein gorilla klopft an Ihre Tür, hält eine Banane mit der ganzen Dschungel hinter sich...
- Irgendwann müssen Sie viele verschiedene Früchte und gorilla vielleicht bekommen Sie Sie... Besser so, und nicht dann pflanze alle diese Früchte selbst.
- Schöne Anstrengung, aber es gibt einen Gott-wie die Bezeichnung für diese Fälle: 'das Rad nicht neu erfinden'. Trotzdem, javascript es6 sollte nativ, gehören array-und Objekt-Vergleiche mit flachen und tiefen flags in meiner bescheidenen Meinung nach.
InformationsquelleAutor Redu
1

Folgende @ryeballar Antwort, wenn Sie nur wollen, zu importieren lodash Methoden können Sie verwenden Sie diese Schreibweise:
```
import { isEmpty, isEqual, xorWith } from 'lodash';


export const isArrayEqual = (x, y) => isEmpty(xorWith(x, y, isEqual));
```
InformationsquelleAutor Anita

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.