ohne Bezug zu ersetzen

Question

Wie kann man ein ganzes Objekt aktualisieren, sagen:

var x = {a:1} 
function modify(obj) { 
    obj = {b:2} 
} 
modify(x) 
console.log(x) // {a:1} 

Aber die Referenz halten? Ich möchte, dass das Objekt außerhalb der Funktion geändert wird.

Mein speziellen Fall verwendet lodash.pick in meiner Funktion:

if (whitelist) { 
    obj = _.pick(obj, whitelist) 
} 

Ich kann keine pick Funktion zu finden scheinen, dass das Objekt modifiziert. Gibt es eine Möglichkeit, dies zu tun, oder muss ich Kopien des Objekts zurückgeben?

Answer 1

delete alles aus dem alten Objekt, und dann neue Eigenschaften hinzufügen, Tasten- by-Taste:

function modify(obj, newObj) { 
 

 
    Object.keys(obj).forEach(function(key) { 
 
    delete obj[key]; 
 
    }); 
 

 
    Object.keys(newObj).forEach(function(key) { 
 
    obj[key] = newObj[key]; 
 
    }); 
 
    
 
} 
 

 
var x = {a:1} 
 
modify(x, {b:42}) 
 
document.write(JSON.stringify(x));

Wenn Sie sich fragen, ob es eine gute Idee, in gen ist es ist die Antwort, nein. Konstruieren Sie ein neues Objekt, geben Sie es aus der Funktion zurück und weisen Sie es zu - dies ist ein sehr bevorzugter Weg.

Answer 2

Warum bearbeitet ändern nicht das Objekt, auf das sich obj bezieht?

Da innerhalb ändern, wenn Sie schreiben:

obj = {b:2} 

Beachten Sie, dass obj eine lokale Variable ist zu den Funktionsaufruf von ändern. Ein neues Objekt {b:2} wird erstellt, und die lokale Variable obj verweist nun auf dieses neue Objekt. Erinnern Sie sich, dass die Variable x immer noch auf das Objekt {a:1} verweist.

Wenn x ist eine globale Variable und wenn es keine lokale Variable innerhalb der Funktion mit dem Namen ist, dann können Sie tun:

var x = {a:1}; 
function modify() { 
    x = {b:2} 
} 
modify(); 
console.log(x) // {b:2} 

---

Warum funktioniert der obige Code funktioniert?

Wenn Sie rufen ändern(), versucht es, zu sehen, ob es eine lokale Variable x hat, da sie nicht finden können, sieht es in der Anwendungsbereich Kette. Der nächste Bereich, um nach diesem Funktionsaufruf zu suchen, ist der globale Gültigkeitsbereich, und tatsächlich haben wir dort eine x Variable. Daher wird die globale Variable x jetzt gesetzt.

Answer 3

Sie können dies erreichen (nicht genau das, was Sie wollen), wenn Sie Ihr Objekt wickeln und die Funktion wie folgt ändern ändern,

var wrapper = {}; 
wrapper.x = {a:1}; 
function modify(obj, key) { 
    obj[key] = {b:2}; 
} 
modify(wrapper, 'x'); 
console.log(wrapper.x); // {b:2} 

Answer 4

Ich hatte dieses Problem. Nach einigen Nachforschungen entschied ich, objectTwo in eine JSON-Zeichenfolge zu konvertieren und dann objectOne durch die geparste Version zu ersetzen.Mit anderen Worten:

var mObjectOne = { ExampleProperty: 10 }; 
var mObjectTwo = { ExampleProperty: 15 }; 

// I wanted mObjectOne to hold the same data as mObjectTwo, but keep a separate reference 
var mObjectTwoAsJSON = JSON.stringify(mObjectTwo); 
mObjectOne = JSON.parse(mObjectTwoAsJSON); 

// Now the references are still different, as desired, but the object data has been updated. 

Danke,