Клонирование объекта JavaScript?

Question

Можно создать дубликат:
How to clone js object?

Это еще один способ создания объектов JavaScript (с помощью объекта буквального обозначения вместо функции):

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

Есть ли способ клонировать этот объект или это одноэлемент?

Answer 1

Попробуйте следующее:

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

Вот что происходит.

• Клон - это конструктор-пустышка.
• Мы назначаем объект, который мы хотим клонировать к прототипу конструктора Clone.
• Мы вызываем Clone с использованием «new», поэтому построенный объект имеет исходный объект как прототип своего конструктора aka (нестандартный) __proto__.

Клонированный объект будет обладать всеми свойствами исходного объекта без каких-либо копий чего-либо. Если свойствам клонированного объекта присваиваются новые значения, они не будут мешать исходному объекту. И никаких подделок встроенных модулей не требуется.

Имейте в виду, что свойство объекта вновь созданного объекта будет ссылаться на тот же объект, что и одноименное свойство клонированного объекта. Назначение нового значения для свойства клона не будет мешать оригиналу, но присвоение значений свойствам объекта clone будет.

---

Попробуйте хромированной или Firebug консоли:

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

var clonedUser = clone(user); 

console.dir(clonedUser); 

---

Подробное объяснение этого метода клонирования можно найти here.

Answer 2

Большинство фреймворков javascript имеют хорошую поддержку клонирования объектов.

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

Answer 3

Вы можете использовать JSON объект (присутствующий в современных браузерах):

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 

См jsfiddle.

---

EDIT

Если вам это нужно в старых браузерах см http://www.json.org/js.html.

Answer 4

Я хотел бы использовать это:

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

то любой объект, который я хочу, чтобы клонировать можно сделать:

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

Как показано в (или аналогичные) JavaScript хорошие части

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