Zastąp wartość obiektu bez zastąpienia odniesienia

Question

Jak można zaktualizować cały obiekt, powiedzmy:

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

Ale utrzymać odniesienia? Chcę, aby obiekt został zmodyfikowany poza funkcją.

Mój przypadek korzystania lodash.pick wewnątrz mojej funkcji:

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

I nie wydają się znaleźć pick funkcję, która modyfikuje obiekt. Czy istnieje sposób, aby to zrobić, czy też muszę zacząć zwracać kopie obiektu?

Answer 1

delete wszystko od starego obiektu, a następnie dodać nowe właściwości, keystone przez klucz:

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));

Jeśli zastanawiasz się, czy to dobry pomysł w Gen Odpowiedź brzmi: nie. Zbuduj nowy obiekt, zwróć go z funkcji i przypisz - jest to zdecydowanie preferowany sposób.

Answer 2

Dlaczego modyfikacja nie powoduje edycji obiektu, do którego odnosi się obj?

Ponieważ wewnątrz modyfikować gdy piszesz:

obj = {b:2} 

Zauważ, że obj jest zmienną lokalną do wywołania funkcji z modyfikować. Utworzono nowy obiekt {b:2}, a lokalna zmienna obj odnosi się teraz do tego nowego obiektu. Przypomnijmy, że zmienna x nadal odnosi się do obiektu {a:1}.

Jeśli x jest zmienną globalną, a jeśli nie ma zmienną lokalną wewnątrz funkcji za pomocą nazwy, wtedy można zrobić:

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

---

Dlaczego powyższą pracę kodu?

Podczas wywoływania modify(), próbuje sprawdzić, czy ma zmienną lokalną x, ponieważ nie może znaleźć, wyszukuje w łańcuchu zasięgu. Następnym obszarem, w którym można szukać tego wywołania funkcji, jest zasięg globalny i oczywiście mamy tam zmienną x. Dlatego ta globalna zmienna jest teraz ustawiana.

Answer 3

Można to osiągnąć (nie dokładnie to, co chcesz) jeśli owinąć swój obiekt i zmienić funkcję tak zmodyfikować,

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

Wystąpił ten problem. Po przeprowadzeniu pewnych badań zdecydowałem się przekonwertować objectTwo na ciąg JSON, a następnie zastąpić obiekt ObjectOne analizowaną wersją.Innymi słowy:

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. 

Dzięki