jquery的对象clone（复制）

最新推荐文章于 2025-07-13 06:14:11 发布

转载最新推荐文章于 2025-07-13 06:14:11 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2391658/blog/842614

文章标签：

#javascript #python #ViewUI

本文介绍了使用jQuery进行对象的浅拷贝与深拷贝的方法。浅拷贝仅复制顶层的非对象元素，而深拷贝则会递归地复制所有层级的对象。通过实例展示了如何实现这两种拷贝方式，并验证了拷贝是否成功。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

a = {k1:1, k2:2, k3:3};b = {};
// 浅层复制（只复制顶层的非 object 元素）
var newObject = jQuery.extend({}, oldObject);
或：$.extend(b,a);
或：jQuery.extend(b,a);//把a复制给b

// 深层复制（一层一层往下复制直到最底层）
var newObject = jQuery.extend(true, {}, oldObject);

测试如下：

var obj1 = {
  'a': 's1',
  'b': [1,2,3,{'a':'s2'}],
  'c': {'a':'s3', 'b': [4,5,6]}
}

var obj2 = $.extend(true, {}, obj1);
obj2.a='s1s1';
obj2.b[0]=100;
obj2.c.b[0]=400;

console.log(obj1);
console.log(obj2);

obj2 内部元素的值改变之后，如果 obj1 的相应值保持不变，就说明复制成功。

转载于:https://my.oschina.net/u/2391658/blog/842614