Heim > Artikel > Web-Frontend > Wie kopiere ich ein Objekt in js? (Bild- und Text-Tutorial)
Im Folgenden erfahren Sie, wie Sie ein Objekt in js kopieren.
Methode 1:
Durchlaufen Sie die Eigenschaften des ursprünglichen Objekts und weisen Sie sie einem neuen Objekt zu.
//深复制对象方法 var cloneObj = function (obj) { var newObj = {}; if (obj instanceof Array) { newObj = []; } for (var key in obj) { var val = obj[key]; //newObj[key] = typeof val === 'object' ? arguments.callee(val) : val; //arguments.callee 在哪一个函数中运行,它就代表哪个函数, 一般用在匿名函数中。 newObj[key] = typeof val === 'object' ? cloneObj(val): val; } return newObj; }; //测试 var obj = {a:function(){console.log(this.b.c)},b:{c:1}},//设置一个对象 newObj = cloneObj(obj);//复制对象 newObj.b.c=2;//给新对象赋新值 obj.a();//1,不受影响 newObj.a();//2
Methode 2:
Serialisieren Sie das Objekt und analysieren Sie es dann zurück. Wenn das Objekt eine Funktion enthält, kann es nicht korrekt kopiert werden
var obj = {a:1,b:2} var newObj = JSON.parse(JSON.stringify(obj)); newObj.a=3; console.log(obj); console.log(newObj);
Methode 3:
Verwenden Sie für die Methode des Array-Objekts die Array-Methode, um ein leeres Array zu verknüpfen.
var a=[1,2,3]; var b=a; var c=[].concat(a); a.push(4); console.log(b); console.log(c);
Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.
Verwandte Artikel:
JS behält zwei Dezimalstellen für den eingegebenen Nummernbestätigungscode bei
JS behält eine Ziffer und verschiebt sie rückwärts Es sei denn, die Zahl
Zusammenfassung der JS-Seitenaktualisierungsmethode
Das obige ist der detaillierte Inhalt vonWie kopiere ich ein Objekt in js? (Bild- und Text-Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!