如何用$.extend(true,object1, object2)实现对象的深拷贝？

本文共计510个文字，预计阅读时间需要3分钟。

原文示例讲述了如何使用jQuery的$.extend()方法实现对象的深拷贝。以下是对其的简化

使用$.extend(true, object1, object2)可以实现对象的深拷贝。

语法：$.extend([deep], target, object1[, objectN])，其中deep参数用于指定是否进行深拷贝。

本文实例讲述了jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法。分享给大家供大家参考，具体如下：

语法：jQuery.extend( [deep ], target, object1 [, objectN ] )

深浅拷贝对应的参数就是[deep]，是可选的，为true或false。默认情况是false（浅拷贝），并且false是不能够显示的写出来的。如果想写，只能写true（深拷贝）

测试例子：

var object1 = {}; var object2 = { b:{ mm:333 }, c:100 }; console.log('原来的object1--->'+JSON.stringify(object1)); console.log('原来的object2--->'+JSON.stringify(object2)); $.extend(true,object1, object2); object1.b.mm = 600; console.log('新的object1--->'+JSON.stringify(object1)); console.log('新的object2--->'+JSON.stringify(object2));

测试结果

由测试结果知道，jQuery中$.extend(true,object1, object2);可以深拷贝对象，拷贝之后，改变其中一个对象的属性值，对另外一个没有影响。

接着在继续深入理解

测试例子

var object1 = { a: 0, b: { gg: 11, mm: 22 } }; var object2 = { b: { mm: 333 }, c: 100 }; //默认情况浅拷贝 //object1--->{"apple":0,"banana":{"price":200},"cherry":97,"durian":100} //object2的banner覆盖了object1的banner，但是weight属性未被继承 //$.extend(object1, object2); //深拷贝 //object1--->{"apple":0,"banana":{"weight":52,"price":200},"cherry":97,"durian":100} //object2的banner覆盖了object1的banner，但是weight属性也被继承了呦 $.extend(true,object1, object2); console.log('原来的object1--->'+JSON.stringify(object1)); console.log('原来的object2--->'+JSON.stringify(object2)); object1.b.mm = 600; console.log('新的object1--->'+JSON.stringify(object1)); console.log('新的object2--->'+JSON.stringify(object2));

测试结果

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。