JavaScript Object głębokie kopiowanie

Question

Powiel możliwe:
What is the most efficient way to clone a JavaScript object?

mam obiektu takiego:

User = {  
    name: "user", 
    settings: { 
    first: "1", 
    second: "2"  
    }  
} 

i drugi:

user1 = { 
    name: "user1", 
    settings: { 
    second: "3" 
    } 
} 

teraz chcę skopiować niestandardowe wartości user1 jest do Użytkownika, używając:

for(var key in user1){ 
     User[key] = user1[key]; 
    } 

wynikiem Użytkownik będzie:

User = { 
    name: "user1", 
    settings: { 
    second: "3" 
    } 
} 

USER.settings został całkowicie zastąpić, a ja chciałem tylko settings.second do zastąpienia.

Jak to osiągnąć, nie wiedząc, ile obiektów podrzędnych ma obiekt główny?

Answer 1

Znalazłem, że najlepszym sposobem, aby przejść to:

http://andrewdupont.net/2009/08/28/deep-extending-objects-in-javascript/

Object.deepExtend = function(destination, source) { 
    for (var property in source) { 
    if (typeof source[property] === "object" && 
    source[property] !== null) { 
     destination[property] = destination[property] || {}; 
     arguments.callee(destination[property], source[property]); 
    } else { 
     destination[property] = source[property]; 
    } 
    } 
    return destination; 
}; 


Object.extend(destination, source); 

Co na ten temat?

function clone(destination, source) { 
     for (var property in source) { 
      if (typeof source[property] === "object" && source[property] !== null && destination[property]) { 
       clone(destination[property], source[property]); 
      } else { 
       destination[property] = source[property]; 
      } 
     } 
    }; 

Answer 2

To jest naprawdę hacky, ale to powinno zadziałać. Proponuję robić tak, jak sugerowali inni użytkownicy w komentarzach; znajdź istniejącą wcześniej bibliotekę, która zrobi to za Ciebie.

for(var key in user1){ 
    var temp = User[key] 
    User[key] = user1[key]; 
    for(var key1 in temp){ 
     if(User[key][key1] == null){ 
     User[key][key1] = temp[key1]; 
     } 
    } 
} 

Answer 3

Chwycił rozszerzenia metody jQuery, a stało się biblioteka agnostykiem.

Streszczenie: Library agnostic version of jQuery's Extend

Jej owinięte w konstruktorze Extender, dzięki czemu nie trzeba instancję wszystkich swoich wewnętrznych metod przy każdym wywołaniu metody przedłużenia.

Nota prawna: Nie testowałem tego dokładnie. Zasadniczo jest to klon jQuery (1: 1), jednak twój przebieg może się różnić.

Użyj tego w ten sposób.

var user1 = { 
    name: "user1", 
    settings: { 
    first: "1", 
     second: {bar: 'foo'} 
    } 
}; 
var user2 = { 
    name: "user2", 
    settings: { 
    second: {foo:'bar'} 
    } 
}; 

/* merge user1 into User */ 
__extend(true, user1, user2); 

// Modifies the User object 
user1.settings.second.foo == 'bar'; // true 

// note, you can do assignment too. 
var newUser = __extend(true, user1, user2); 

See here for more documentation