利用 jQuery 克隆 Object

àì夳堔傛蜴生んèń 2022-04-15 02:22 174阅读 0赞

## 利用 jQuery 克隆 Object ##

在网上搜索关键字 “javascript object clone”，可以找到很多实现克隆 Object 的代码，可是据我测试，让人满意的几乎没有。  
  
今天发现 jQuery 的作者 John Resig 给别人的[答复][Link 1]，尝试了一下确实很好用。  
  
方法如下：

// 浅层复制（只复制顶层的非 object 元素）
    var newObject = jQuery.extend({}, oldObject);
    
    // 深层复制（一层一层往下复制直到最底层）
    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 的相应值保持不变，就说明复制成功。

直接复制Array对象好像不能遍历，可以把Array对象放到另一个简单对象的属性上，复制另一个对象，再取出遍历。

var bzs = new Array();

\*\*\*

var temp = new Object();  
temp.bzs = bzs;  
var bak = jQuery.extend(true, \{\}, temp);  
  
ExtJS 也有类似的方法 Ext.apply，因此单独用 ExtJS 应该也能实现同样的功能。

[Link 1]: http://stackoverflow.com/questions/122102/what-is-the-most-efficent-way-to-clone-a-javascript-object

发表评论取消回复

表情：

评论列表（有 0 条评论，174人围观）

还没有评论，来说两句吧...

相关阅读

相关利用jQuery实现选项卡

/Tab 选项卡标签/ $(function(){ var $div_li =$("div.tab_menu ul li");

深碍√TFBOYSˉ_/ 2023年08月17日 17:20/ 0 赞/ 150 阅读

相关 jQuery中$.extend(true,object1, object2);深拷贝对象

jQuery.extend( \[deep \], target, object1 \[, objectN \] ) \[deep \]为true（深拷贝），默认false（

太过爱你忘了你带给我的痛/ 2023年07月06日 08:46/ 0 赞/ 3 阅读

相关假克隆，浅克隆，深克隆

假克隆：我觉得就是一个引用操作，不过注意引用类型的参数在源对象被改变后，假克隆的对象也会被改变 ![20191125155039647.png][] 浅克隆：

快来打我*/ 2023年06月16日 08:11/ 0 赞/ 41 阅读

相关 jQuery克隆添加删除行

[下载地址][Link 1]jQuery委派事件代码，如何使新增事件实现效果 ![1631561371.png][] dd: [Link 1]: https://yy1

深藏阁楼爱情的钟/ 2022年09月11日 13:24/ 0 赞/ 228 阅读

相关 jquery json string conver to object

最近遇到这个问题，JS对象和JSON格式数据的相互转换。其实，也就是两个问题：JS对象转换成为JSON格式数据、JSON格式数据转换成为JS对象目前的项目

川长思鸟来/ 2022年08月24日 11:48/ 0 赞/ 185 阅读

相关 jquery dom 文档对象操作，插入，删除，克隆，替换

1．文档处理 1.1．插入操作内部插入是插入子元素外部插入是插入同级元素 Append（）；添加到指定的最后面 Prepend（）；插入到

叁歲伎倆/ 2022年06月06日 06:25/ 0 赞/ 191 阅读

相关 JQuery 克隆节点问题

克隆节点 -------------------- 场景 JavaScript function MoveToCard() {

Love The Way You Lie/ 2022年05月18日 03:17/ 0 赞/ 158 阅读

相关 Java Object类中克隆clone（）方法的使用

测试代码 package test04; // // protected Object clone()创建并返回对象一个副本。因为是prot

╰半橙微兮°/ 2022年05月04日 00:56/ 0 赞/ 289 阅读

相关利用 jQuery 克隆 Object

利用 jQuery 克隆 Object 在网上搜索关键字 “javascript object clone”，可以找到很多实现克隆 Object 的代码，可是据我测试，让

àì夳堔傛蜴生んèń/ 2022年04月15日 02:22/ 0 赞/ 175 阅读

相关 Windows下利用GNU 开发Objective-C

除了在 Mac 系统上使用 Objective-C，你还可以在 Windows 上下载并安装 GNUstep 和 Objective-C 环境，至于GNUstep是什么东西，有

分手后的思念是犯贱/ 2022年01月14日 07:15/ 0 赞/ 251 阅读