如何在 JQuery 中复制/克隆哈希/对象？

Question

我有一个简单的 Javascript 对象（或哈希）：

var settings = {
  link: 'http://example.com',
  photo: 'http://photos.com/me.jpg'
};

我需要它的副本。是否有一个 settings.clone() 类型的方法可以给我另一个具有相同属性的对象？我正在使用 jQuery，很高兴使用 jQuery 实用方法（如果存在）。

Answer 1

是的，用原始对象扩展一个空对象；这样，所有内容都将被简单地复制：

var clone = $.extend({}, settings);

---

用另一个填充对象扩展，例如：

$.extend({a:1}, {b:2})

将返回：

{a:1, b:2}

---

具有相同的逻辑：

$.extend({}, {foo:'bar', test:123})

将返回：

{foo:'bar', test:123}

即有效的克隆。

Answer 2

以非 jQuery 的方式。

var newObj = {};

Object.keys(settings).forEach(function(key) {
     newObj[ key ] = settings[ key ];
}); 

这仅复制顶级属性。要将嵌套对象的哈希值复制为属性值，您将需要使用递归函数。

注意：Object.keys(settings) 避免了调用 settings.hasOwnProperty(key) 的需要。

Answer 3

var clone = $.extend(true, {}, settings);

将第一个参数设置为 true。

编辑：第一个参数 true 表示深度复制。对于原始问题中的给定示例，不需要深层复制，因为存在简单的不可变键值对。对于标题中的问题 - 作为一般情况 - 使用深层复制。否则你会得到半份副本。

Answer 4

听起来你想要 jQuery 扩展，它可以为你复制一个对象。

http://api.jquery.com/jQuery.extend/

Answer 5

我的 2 美分：

function clone(hash) {
  var json = JSON.stringify(hash);
  var object = JSON.parse(json);

  return object;
}

它可能不是最优化的选项，但对于某些场景来说它可能很方便。

Answer 6

如果您不使用 jQuery，Underscore.js 还有一个扩展函数：

extend _.extend(destination, *sources) 将源对象中的所有属性复制到目标对象，然后
返回目标对象。它是按顺序的，所以最后一个源将
覆盖先前参数中的同名属性。

_.extend({name: 'moe'}, {age: 50});
=> {姓名：“萌”，年龄：50}