¿Clonación de un objeto JavaScript?

Question

Duplicar posible:
How to clone js object?

Ésta es otra manera de crear un objeto de javascript (usando notación literal de objetos en lugar de la función):

user = { 
    name: "Foo", 
    email: "bar@baz.com" 
} 

¿Hay una manera para clonar este objeto o es un singleton?

Answer 1

Prueba esto:

var clone = (function(){ 
    return function (obj) { Clone.prototype=obj; return new Clone() }; 
    function Clone(){} 
}()); 

Esto es lo que está pasando.

• Clone es un constructor ficticio.
• Asignamos el objeto que queremos clonar al prototipo del constructor Clon.
• Llamamos clonar usando 'nuevo', por lo que el objeto construido tiene el objeto original como prototipo del constructor aka (no estándar) __proto__.

El objeto clonado compartirá todas las propiedades del objeto original sin realizar copias de nada. Si a las propiedades del objeto clonado se les asignan nuevos valores, no interferirán con el objeto original. Y no se requiere alteración de integradas.

Tenga en cuenta que una propiedad de objeto del objeto recién creado se referirá al mismo objeto que la propiedad del mismo nombre del objeto clonado. La asignación de un nuevo valor a una propiedad del clon no interferirá con el original, pero la asignación de valores a las propiedades del objeto del clon sí lo hará.

---

probar este en cromo o firebug consola:

var user = { 
    name: "Foo", 
    email: "bar@baz.com" 
} 

var clonedUser = clone(user); 

console.dir(clonedUser); 

---

Una explicación detallada de esta técnica de clonación se puede encontrar here.

Answer 2

La mayoría de los frameworks de javascript tienen un buen soporte para la clonación de objetos.

var a= {'key':'value'}; 
var b= jQuery.extend(true, {}, a); 

Answer 3

Puede utilizar JSON objeto (presente en los navegadores modernos):

var user = {name: "Foo", email: "bar@baz.com" } 
var user2 = JSON.parse(JSON.stringify(user)) 

user2.name = "Bar"; 
alert(user.name + " " + user2.name); // Foo Bar 

Véase en jsfiddle.

---

EDITAR

Si necesita esta en navegadores antiguos, ver http://www.json.org/js.html.

Answer 4

me gusta usar esto:

if (typeof Object.create !== 'function') { 
    Object.create = function (o) { 
     var F = function() {}; 
     F.prototype = o; 
    return new F(); 
    }; 
} 

entonces cualquier objeto Quiero clonar se puede hacer como:

user = { 
    name: "Foo", 
    email: "bar@baz.com" 
}; 
var user2 = Object.create(user); 

Como se muestra en (o similares a) de JavaScript las partes buenas

Answer 5

Object.prototype.clone = function clone(obj) { 
          obj = obj || this; 
          var new_obj = {}; 

          for(var p in obj) { 
          if (obj.hasOwnProperty(p)) { 
           if(obj[p] !== null && typeof(obj[p]) === "object") { 
           new_obj[p] = clone(obj[p]); 
           } 
           else { 
           new_obj[p] = obj[p]; 
           } 
          } 
          } 

          return new_obj; 
         }; 


/* Example */ 
var foo = { 
    name: "Foo" 
    , email: "bar@baz.com" 
    , obj: {a:"A",b:"B"} 
}; 

var bar = foo.clone(); 
bar.name = "Bar"; 
bar.obj.b = "C"; 


// foo and bar should have a different 'name' 
// foo and bar should retain the same email 
// foo and bar should have different values for <foo/bar>['obj']['b'] 
// foo and bar should have the same values for <foo/bar>['obj']['a'] 
console.dir(foo); 
console.dir(bar);