克隆一个 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”调用 Clone，因此构造的对象将原始对象作为其构造函数的原型，也称为（非标准）__proto__。

克隆的对象将共享原始对象的所有属性，而不会复制任何内容。如果为克隆对象的属性分配了新值，它们将不会干扰原始对象。并且不需要篡改内置函数。

请记住，新创建对象的对象属性将引用与克隆对象的同名属性相同的对象。为克隆的属性分配新值不会干扰原始值，但为克隆的对象属性分配值会。

---

在 chrome 或 firebug 控制台中试试这个：

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

var clonedUser = clone(user);

console.dir(clonedUser);

---

这种克隆技术的详细解释可以在here找到。

Answer 2

您可以使用 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。

---

编辑

如果您在旧版浏览器中需要此功能，请参阅 http://www.json.org/js.html。

Answer 3

我喜欢用这个：

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 The Good Parts 中所示

Answer 4

大多数 javascript 框架对对象克隆都有很好的支持。

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

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