JavaScript Object profonda copia

Question

Eventuali duplicati:
What is the most efficient way to clone a JavaScript object?

Ho un oggetto come questo:

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

e un secondo:

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

ora voglio copiare i valori personalizzati di user1 in uso, utilizza:

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

all'Utente risultato sarà:

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

User.settings è stato completamente sostituire, mentre io volevo solo settings.second da sostituire.

Come ottenere ciò senza sapere quanti oggetti figlio hanno l'oggetto principale?

Answer 1

Ho trovato che il modo migliore per andare è questo:

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

Che dire di questo?

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

Questo è veramente hacky, ma dovrebbe funzionare. Suggerisco di fare come gli altri utenti hanno suggerito nei commenti; trova una libreria preesistente che farà questo per te.

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

afferrato metodo extend di jQuery, e ne ha fatto biblioteca agnostico.

Gist: Library agnostic version of jQuery's Extend

sua avvolti in un costruttore Extender, in modo da non dover istanziare tutti i suoi metodi interni ogni volta che si chiama il metodo di estendere.

Disclaimer: Non l'ho provato molto. È fondamentalmente un clone 1: 1 di jQuery's ext(), tuttavia il tuo chilometraggio può variare.

Utilizzarlo in questo modo.

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