So verbinden Sie Objekte?

Beispielsweise aus diesen zwei Objekten :

var object1 = {
  "color": "yellow",
  "size": null,
  "age": 7,
  "weight": null
}

var object2 = {
  "color": "blue",
  "size": 51,
  "age": null
}

Will ich diesen (object2 überschreibt object1 außer für null Eigenschaften oder Eigenschaften die er nicht haben):

{
  "color": "blue",
  "size": 51,
  "age": 7,
  "weight": null
}
InformationsquelleAutor TrtG | 2015-02-12
  1. 61

    Kopieren

    var src = { name: 'Apple', price: 5};
var dst= angular.copy(src);
    • Tiefe Kopie

    Erweitern: 

    var mergedObject = angular.extend(dst, src1, src2, ...)
    • flache Kopie

    Merge:

    var mergedObject = angular.merge(dst, src);
    • seit angular 1.4+
    • Tiefe (rekursiv) kopieren

    Wollen Sie nicht überschreiben mit null, die Sie verwenden können,diese.

    Objekt.assign():

    let movie2 = Object.assign({}, movie1, { episode: 8 });
    • fot Angular 2+ (ECMAScript 6)

    Quellen:

    • Mit angualr.erweitern Sie produziert nicht das Ergebnis angefordert werden. Die objekt2.Alter null-Wert überschreiben Objekt1.Alter Wert.
    • aber es gibt schon eine Möglichkeit dieses Problem zu beheben. Check meinen link in der update-Abschnitt.
    • Erwähnenswert: eckig erweitern und verbinden sind anders. Eine ist flach, andere tief.
    InformationsquelleAutor Beri
  2. 18

    Neuere Version (mindestens Version 1.4.0) der Winkel, die Sie verwenden können Winkel.merge

    Im Gegensatz erweitern(), merge (), die rekursiv steigt in die Objekt-Eigenschaften von source-Objekten, die Durchführung einer tiefen Kopie.

    InformationsquelleAutor Rafael P. Miranda
  3. 3

    Mit angualr.erweitern Sie produziert nicht das Ergebnis angefordert werden. Die objekt2.Alter null-Wert überschreiben Objekt1.Alter Wert.

    eckig.verlängern(Objekt1, objekt2) wird produzieren Folgendes Ergebnis:

    {
    "color" : "blue", 
    "size" : 51, 
    "age" : null,   <=== undesirable result
    "weight" : null
}

    Verwenden Sie den folgenden code zu überspringen null Eigenschaften

    for (var prop in object1) {
    if(object1.hasOwnProperty(prop) && object2.hasOwnProperty(prop) && object2[prop]!=null) {
        object1[prop] = object2[prop];
    }
}

    Ergeben sich die folgenden angeforderte Ergebnis

    {
    "color" : "blue", 
    "size" : 51, 
    "age" : 7, 
    "weight" : null
}
    • Ich fand die Diskussion beim googeln den Unterschied von extend und merge. In dem Fall, wir können mit Ihrem code oder rufen Sie angular.merge wenn wir eckige 1.4.x.
    InformationsquelleAutor Saeed D.
Schreibe einen Kommentar