Wie kann ich ein JavaScript-Objekt korrekt klonen?

Ich habe ein Objekt, x. Ich möchte es als Objekt y kopieren, so dass Änderungen an y nicht x verändern. Ich habe festgestellt, dass das Kopieren von Objekten, die von eingebauten JavaScript-Objekten abgeleitet sind, zu zusätzlichen, unerwünschten Eigenschaften führt. Das ist kein Problem, denn ich kopiere eines meiner eigenen, wörtlich konstruierten Objekte.

Wie kann ich ein JavaScript-Objekt korrekt klonen?

Shahnewaz
Bearbeitete Frage 5. Dezember 2018 в 12:09
Programmierung
clone javascript javascript-objects
8. April 2009 в 3:01
22 Aufrufe

Aus diesem Artikel: Wie man Arrays und Objekte in Javascript kopiert von Brian Huisman:

Object.prototype.clone = function() {
  var newObj = (this instanceof Array) ? [] : {};
  for (var i in this) {
    if (i == 'clone') continue;
    if (this[i] && typeof this[i] == "object") {
      newObj[i] = this[i].clone();
    } else newObj[i] = this[i]
  } return newObj;
};
mikemaccana
Bearbeitete Antwort 22. September 2012 в 10:06
Kommentare (6)

Hier ist eine Funktion, die Sie verwenden können.

function clone(obj) {
    if(obj == null || typeof(obj) != 'object')
        return obj;    
    var temp = new obj.constructor(); 
    for(var key in obj)
        temp[key] = clone(obj[key]);    
    return temp;
}
Dan D.
Bearbeitete Antwort 23. Februar 2012 в 8:04
Kommentare (4)

Wenn es keine zirkulären Abhängigkeiten in Ihrem Objekt gibt, schlage ich vor, eine der anderen Antworten oder die Kopiermethoden von jQuery zu verwenden, da sie alle recht effektiv zu sein scheinen.

Wenn es zirkuläre Abhängigkeiten gibt (d.h. zwei Unterobjekte sind miteinander verknüpft), sind Sie ziemlich aufgeschmissen, da es (aus theoretischer Sicht) keine Möglichkeit gibt, dieses Problem elegant zu lösen.

Community
Bearbeitete Antwort 23. Mai 2017 в 12:18
Kommentare (1)