Wie leer ein JS-Objekt?

Habe ich ein Objekt wie

var person = {'id':null, 'name':'John Doe'}

Nach dem einfügen des Objekts den Wert in der Datenbank, bekomme ich ein anderes Objekt vom server:

var personInDB = {'id':1234, 'name':'John Doe'}

Habe ich verwendet angular.merge zu verwenden, aktualisiert der Wert person mit der personInDB.

Aber, ich will leer person Objekt vor der Anwendung angular.merge, so dass ich nur die Werte in der Datenbank. Ich weiß nicht zuweisen möchten neues leeres Objekt, person so, dass eine Unterbrechung der Daten-Bindung in den Winkel.

  • Warum Sie nicht versuchen, Sie zu nutzen $resource dann?
InformationsquelleAutor Barun | 2016-09-05
  1. 3

    Ich will leer person Objekt...ich glaube nicht zuweisen möchten neue leere Objekt zu person

    Ich bin mir nicht bewusst jede Art von built-in-Objekt .deleteAllProperties() - Methode, so dass die Blätter Durchlaufen der Eigenschaften und aufrufen delete auf jeden einzeln. Folgenden ist eine halbwegs saubere Art, das zu tun:

    Object.keys(person).forEach(k => delete person[k])

    Oder die etwas längere nicht-ES6-Pfeil-Funktion version für die Unterstützung so weit zurück wie IE9:

    Object.keys(person).forEach(function(k) { delete person[k]})

    Für noch ältere IE-verwenden Sie einfach ein for..in - Schleife (mit einer .hasOwnProperty() überprüfen).

    Und natürlich können Sie jede der oben in einer Funktion für eine einfache re-use:

    function emptyObject(obj) {
  Object.keys(obj).forEach(k => delete obj[k])
}

emptyObject(person)

    Beachten Sie, dass obwohl diese Antworten, was Sie gefragt haben, ich bin mir nicht sicher, warum Sie denken, Sie brauchen es überhaupt zu tun. Das Beispiel, das Sie zeigen, in der Frage hat gleich zwei Eigenschaften vor und nach, so angular.merge() würde einfach überschreiben die alten Werte mit den neuen Werten ohne jegliche Notwendigkeit, zunächst ein leeres Objekt. (Sind Sie versuchen, für einen Fall (nicht dargestellt), wo die alte version von Ihrem Objekt kann Eigenschaften haben, die nicht mehr vorhanden in der neuen version?)

    • Ich möchte mein Objekt synchronisiert werden mit der DB, so dass, wenn es ein problem in der DB-code und es nicht einfügen name, ich möchte meine lokalen Objekts name - Eigenschaft gelöscht.
    • OK, na dann der code, den ich gezeigt habe, sollte das tun, leeren Sie gefragt, und ich habe aktualisiert mein Antwort zur Abdeckung von älteren Browsern.
    InformationsquelleAutor nnnnnn
  2. 2

    wenn Sie möchten, leeren Sie die 'id' nur

    person['id']=null;

    wenn Sie möchten, leeren Sie alle Attribute des person-Objekts, dann

    Object.keys(person).forEach(key => person[key]=null);
    InformationsquelleAutor Karpak
  3. 1

    Wenn ich das richtig verstehe, Sie scheinen zu denken, dass Sie brauchen, um leere original-Objekt vor der Zusammenführung in die neue oder die Eigenschaften aus der Datenbank nicht verwendet werden. Ich glaube nicht, dass das der Fall aber. Ich schaute auf die Quelle für angular.merge und es scheint zu kopieren (sprich: überschreiben) jedes Objekt vom Quell-Objekt auf das Zielobjekt. So müssen Sie sich nicht leeren, es auf allen, nur den Seriendruck und die Werte auf der Datenbank-Objekt verwendet werden.

    InformationsquelleAutor TW80000
  4. 0

    Gut, um zu vermeiden, bricht angularjs ist Datenbindung ich jetzt aktualisieren jedes Feld manuell:

    var person = {id : null, name: 'toto'};

//Ajax call
person.id = ajaxres.id;
person.name = ajaxres.name
    InformationsquelleAutor Dlacreme
  5. 0

    Wenn Sie ECAM6,dann können Sie Destructuring_assignment

    [person] = [personInDB ] //Object {id: 1234, name: "John Doe"}

    ODER

    Können Sie haben wie diese.

    var arrKeys = Object.keys(person);

  arrKeys.forEach(function(val,key){  

      person[val] =   personInDB[val];

    })
    • Als ich versuchte Ihre [person] = [personInDB ] code es hatte das gleiche Ergebnis wie person = personInDB es nicht aktualisieren das vorhandene Objekt, dass person konnte beziehen sich auf (das ist das, was der OP gefragt).
    • können Sie mir bitte sagen, wie du es getestet? Es werden einige zusätzliche
    • jsfiddle.net/x457wb4x - ein Ergebnis, das scheint konsistent mit dem, was die MDN-Seite, die du verlinkt sagt, weil es wie eine noch mehr vereinfachte version des [a,b] = [c,d]...
    • vielen Dank
    InformationsquelleAutor RIYAJ KHAN
Schreibe einen Kommentar