Javascript objet de copie profonde

Question

Possible en double:
What is the most efficient way to clone a JavaScript object?

J'ai un objet comme celui-ci:

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

et une seconde:

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

maintenant je veux copier les valeurs personnalisées de util_1 dans l'utilisateur, en utilisant:

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

l'Utilisateur résultat sera:

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

USER.settings a été entièrement remplacer alors que je voulais seulement settings.second être remplacé.

Comment y parvenir, sans connaître l'objet enfant de l'objet principal?

Answer 1

J'ai trouvé que la meilleure façon de faire est la suivante:

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

Qu'en est-ce?

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

Ceci est vraiment hacky, mais cela devrait fonctionner. Je suggère de faire comme les autres utilisateurs l'ont suggéré dans les commentaires; Trouver une bibliothèque préexistante qui le fera pour vous.

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

Récupère la méthode extend de jQuery et la rend indépendante de la bibliothèque.

Contenu essentiel: Library agnostic version of jQuery's Extend

Son enveloppé dans un constructeur de Extender, de sorte que vous n'avez pas à instancier toutes ses méthodes internes à chaque fois que vous appelez la méthode extend.

Avis de non-responsabilité: Je n'ai pas testé cela de manière approfondie. Il s'agit essentiellement d'un clone 1: 1 de extend() de jQuery, mais votre kilométrage peut varier.

Utilisez-le comme ceci.

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