js对象浅拷贝和深拷贝详解
转载 & & 作者：i
这篇文章主要为大家详细介绍了JavaScript对象的浅拷贝和深拷贝代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文为大家分享了JavaScript对象的浅拷贝和深拷贝代码，供大家参考，具体内容如下
拷贝就是把父对像的属性，全部拷贝给子对象。
下面这个函数，就是在做拷贝：
var Chinese = {
　　nation:'中国'
var Doctor = {
　　career:'医生'
function extendCopy(p) {
　　　　var c = {};
　　　　for (var i in p) {
　　　　　　c[i] = p[i];
　　　　c.uber =
使用的时候，这样写：
var Doctor = extendCopy(Chinese);
Doctor.career = '医生';
alert(Doctor.nation); // 中国
但是，这样的拷贝有一个问题。那就是，如果父对象的属性等于数组或另一个对象，那么实际上，子对象获得的只是一个内存地址，而不是真正拷贝，因此存在父对象被篡改的可能。
请看，现在给Chinese添加一个”出生地”属性，它的值是一个数组。
Chinese.birthPlaces = ['北京','上海','香港'];
通过extendCopy()函数，Doctor继承了Chinese。
var Doctor = extendCopy(Chinese);
然后，我们为Doctor的”出生地”添加一个城市：
Doctor.birthPlaces.push('厦门');
看一下输入结果
alert(Doctor.birthPlaces); //北京, 上海, 香港, 厦门
alert(Chinese.birthPlaces); //北京, 上海, 香港, 厦门
结果是两个的出生地都被改了。
所以，extendCopy() 只是拷贝了基本类型的数据，我们把这种拷贝叫做“浅拷贝”。
因为浅深拷有如此弊端所以我们接下来看一下深拷贝
所谓”深拷贝”，就是能够实现真正意义上的数组和对象的拷贝。它的实现并不难，只要递归调用”浅拷贝”就行了。
function deepCopy(p, c) {
　　　　var c = c || {};
　　　　for (var i in p) {
　　　　　　if (typeof p[i] === 'object') {
　　　　　　　　c[i] = (p[i].constructor === Array) ? [] : {};
　　　　　　　　deepCopy(p[i], c[i]);
　　　　　　} else {
　　　　　　　　　c[i] = p[i];
　　　　　　}
看一下使用方法：
var Doctor = deepCopy(Chinese);
现在，给父对象加一个属性，值为数组。然后，在子对象上修改这个属性：
Chinese.birthPlaces = ['北京','上海','香港'];
Doctor.birthPlaces.push('厦门');
alert(Doctor.birthPlaces); //北京, 上海, 香港, 厦门
alert(Chinese.birthPlaces); //北京, 上海, 香港
这样就完成了拷贝;
$.extend()
jquery 中$.extend()如同。
$.extend( [deep ], target, object1 [, objectN ] )
&•deep
类型: Boolean
如果是true，合并成为递归（又叫做深拷贝）。
&•target
类型: Object
对象扩展。这将接收新的属性。
&•object1
类型: Object
一个对象，它包含额外的属性合并到第一个参数.
&•objectN
类型: Object
包含额外的属性合并到第一个参数&
当我们提供两个或多个对象给$.extend()，对象的所有属性都添加到目标对象（target参数）。
如果只有一个参数提供给$.extend()，这意味着目标参数被省略。在这种情况下，jQuery对象本身被默认为目标对象。这样，我们可以在jQuery的命名空间下添加新的功能。这对于插件开发者希望向 jQuery 中添加新函数时是很有用的。
请记住，目标对象（第一个参数）将被修改，并且将通过$.extend()返回。然而，如果我们想保留原对象，我们可以通过传递一个空对象作为目标对象：
var object = $.extend({}, object1, object2);
在默认情况下，通过$.extend()合并操作不是递归的;如果第一个对象的属性本身是一个对象或数组，那么它将完全用第二个对象相同的key重写一个属性。这些值不会被合并。可以通过检查下面例子中 banana 的值，就可以了解这一点。然而，如果将 true 作为该函数的第一个参数，那么会在对象上进行递归的合并。
警告:不支持第一个参数传递 false 。
1. 合并两个对象，并修改第一个对象。
var object1 = {
banana: { weight: 52, price: 100 },
cherry: 97
var object2 = {
banana: { price: 200 },
durian: 100
// Merge object2 into object1
$.extend( object1, object2 );
// Assuming JSON.stringify - not available in IE&8
console.log( JSON.stringify( object1 ) );
//{"apple":0,"banana":{"price":200},"cherry":97,"durian":100}
2. 采用递归方式合并两个对象，并修改第一个对象。
var object1 = {
banana: { weight: 52, price: 100 },
cherry: 97
var object2 = {
banana: { price: 200 },
durian: 100
// Merge object2 into object1, recursively
$.extend( true, object1, object2 );
// Assuming JSON.stringify - not available in IE&8
console.log( JSON.stringify( object1 ) );
//{"apple":0,"banana":{"weight":52,"price":200},"cherry":97,"durian":100}
3. 合并 defaults 和 options 对象，并且不修改 defaults 对象。这是常用的插件开发模式。
var defaults = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
// Merge defaults and options, without modifying defaults
var settings = $.extend( {}, defaults, options );
console.log(JSON.stringify( defaults ));
console.log(JSON.stringify( options ));
console.log(JSON.stringify( settings ));
//defaults -- {"validate":false,"limit":5,"name":"foo"}
//options -- {"validate":true,"name":"bar"}
//settings -- {"validate":true,"limit":5,"name":"bar"}
Javascript 判断对象是否相等
在Javascript中相等运算包括”==”,”===”全等，两者不同之处，不必多数，本篇文章我们将来讲述如何判断两个对象是否相等？ 你可能会认为，如果两个对象有相同的属性，以及它们的属性有相同的值，那么这两个对象就相等。那么下面我们通过一个实例来论证下：
var obj1 = {
name: "Benjamin",
sex : "male"
var obj2 = {
name: "Benjamin",
sex : "male"
//Outputs: false
console.log(obj1 == obj2);
//Outputs: false
console.log(obj1 === obj2);
通过上面的例子可以看到，无论使用”==”还是”===”，都返回false。主要原因是基本类型string,number通过值来比较，而对象（Date,Array）及普通对象通过指针指向的内存中的地址来做比较。看下面一个例子：
var obj1 = {
name: "Benjamin",
sex : "male"
var obj2 = {
name: "Benjamin",
sex : "male"
var obj3 = obj1;
//Outputs: true
console.log(obj1 == obj3);
//Outputs: true
console.log(obj1 === obj3);
//Outputs: false
console.log(obj2 == obj3);
//Outputs: false
console.log(obj2 === obj3);
上例返回true，是因为obj1和ob3的指针指向了内存中的同一个地址。和面向对象的语言（Java/C++）中值传递和引用传递的概念相似。 因为，如果你想判断两个对象是否相等，你必须清晰，你是想判断两个对象的属性是否相同，还是属性对应的值是否相同，还是怎样？
function person(name) {
this.name=
var p1 = new person("p1");
var p2 = new person("p2");
console.log(p1 == p2); //false
person.prototype.sayHi = function() {
// do sayHi here
console.log(p1.sayHi() == p2.sayHi()); //true
console.log(p1.sayHi() === p2.sayHi()); //true
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具浅拷贝和深拷贝:有什么区别；何时使用；与constructor
例如，在一个类中，有一个指向一个Buffer的指针，所以我们可以说这个指针指向了一个资源（这个资源可以是一块保存数据的内存）。
浅拷贝，也就是按照比特一位一位地进行拷贝，是把一个类完全一样拷贝到另一个类。这时就出现问题了：类内部的指针的值是一样的，也就是说，两个类的实例内部的指针指向了同一块内存。当这两个对象析构的时候，同一块内存就会给析构两次，当然会出现问题。
深拷贝，就是在这点上和浅拷贝不同的，也就是说，在拷贝的时候，深拷贝会提供一块新的内存用来保存数据，并使新的对象的指针指向这块内存，这两个对象析构的时候，也就不会把同一块内存析构两次了。
一般，如果一个类的作者没有提供一个拷贝函数，编译器会自动提供一个拷贝函数，而这个拷贝函数就是浅拷贝。
【转自http://iknow.baidu.com/question/.html?fr=qrl&cid=1073&index=4&fr2=query】
原讨论链接：
Q：什么是浅拷贝(shallow&copy)和深拷贝(deep&copy)?
浅拷贝就是成员数据之间的一一赋值：把值赋给一一赋给要拷贝的值。但是可能会有这样的情况：对象还包含资源，这里的资源可以值堆资源，或者一个文件。。当值拷贝的时候，两个对象就有用共同的资源，同时对资源可以访问，这样就会出问题。深拷贝就是用来解决这样的问题的，它把资源也赋值一次，使对象拥有不同的资源，但资源的内容是一样的。对于堆资源来说，就是在开辟一片堆内存，把原来的内容拷贝。
&&如果你拷贝的对象中引用了某个外部的内容（比如分配在堆上的数据），那么在拷贝这个对象的时候，让新旧两个对象指向同一个外部的内容，就是浅拷贝；如果在拷贝这个对象的时候为新对象制作了外部对象的独立拷贝，就是深拷贝
引用和指针的语义是相似的，引用是不可改变的指针，指针是可以改变的引用。其实都是实现了引用语义。
深拷贝和浅拷贝的区别是在对象状态中包含其它对象的引用的时候，当拷贝一个对象时，如果需要拷贝这个对象引用的对象，则是深拷贝，否则是浅拷贝。
COW语义是“深拷贝”与“推迟计算”的组合，仍然是深拷贝，而非浅拷贝，因为拷贝之后的两个对象的数据在逻辑上是不相关的，只是内容相同。
============================================================================
Q：什么情况下使用浅拷贝什么时候使用深拷贝?
无论深浅，都是需要的。当深拷贝发生时，通常表明存在着一个“聚合关系”，而浅拷贝发生时，通常表明存在着一个“相识关系”。
举个简单的例子：
当你实现一个Composite&Pattern，你通常都会实现一个深拷贝(如果需要拷贝的话)，很少有要求同的Composite共享Leaf的；
而当你实现一个Observer&Pattern时，如果你需要拷贝Observer,你大概不会去拷贝Subject，这时就要实现个浅拷贝。
是深拷贝还是浅拷贝，并不是取决于时间效率、空间效率或是语言等等，而是取决于哪一个是逻辑上正确的。
=============================================================================
Q:在C++中default&constructor对对象进行的是怎样的拷贝动作?
再纠正一个概念：default&constructor是不负责拷贝动作的，我想你说的应该是指implicitly-
declared&copy&constructor。它会调用所有直系基类的copy&constructor和有成员的
copy&constructor，并且复制vtpr。如果一个类：
1：没有虚方法和虚基类
2：所有直系基类的copy&constructor都是无代价的
3：所有成员的copy&constructor都是无代价的
这时它的copy&constructor是无代价的，相当于用memcpy实现。
判断它是深拷贝还是浅拷贝，还是要根据类的实现。比如如果它有一个用原生指针指针实现的对象引用，或是用boost::shared_ptr等引用分享所有权的智能指针实现的对象引用，则这个拷贝是浅拷贝；如果是用copy_ptr这种实现了深拷贝的智能指针实现的对象引用，就是深拷贝了。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。没有更多推荐了，
不良信息举报
举报内容：
对深拷贝与浅拷贝的再次理解
举报原因：
原文地址：
原因补充：
最多只允许输入30个字
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！博客分类：
首先我们看看浅拷贝和深拷贝的定义
浅拷贝：只复制一个对象，对象内部存在的指向其他对象数组或者引用则不复制
深拷贝：对象，对象内部的引用均复制
为了更好的理解它们的区别我们假设有一个对象A，它包含有2对象对象A1和对象A2（图1）
对象A进行浅拷贝后，得到对象B但是对象A1和A2并没有被拷贝（图2）
对象A进行深拷贝，得到对象B的同时A1和A2连同它们的引用也被拷贝（图3）
在理解了深拷贝和浅拷贝后，我们来看看java的深拷贝和浅拷贝实现。java.lang.Object的clone()方法默认是返回一个前拷贝对象。因此如果要用clone()方法实现一个深拷贝，我们必须对每个对象的clone()方法进行特别实现。当对象层次复杂的时候，这样做不但困难而且浪费时间和容易出现错误，特别有时候你不但需要深拷贝同时你也对这个对象进行浅拷贝的时候，你会发现写这个clone()方法真不是一个好的解决方案。
那么除了clone()方法，我们还可以怎么实现呢？答案是序列化，实现步骤和思路是把要拷贝的对象输出成byte array，然后再利用ObjectInputStream转换出新的对象。下面是代码
public static Object copy(Object oldObj) {
Object obj =
// Write the object out to a byte array
ByteArrayOutputStream bos = new ByteArrayOutputStream();
ObjectOutputStream out = new ObjectOutputStream(bos);
out.writeObject(oldObj);
out.flush();
out.close();
// Retrieve an input stream from the byte array and read
// a copy of the object back in.
ByteArrayInputStream bis = new ByteArrayInputStream(bos.toByteArray());
ObjectInputStream in = new ObjectInputStream(bis);
obj = in.readObject();
} catch (IOException e) {
e.printStackTrace();
} catch (ClassNotFoundException cnfe) {
cnfe.printStackTrace();
博主（也是绝大部分人）所说的“浅拷贝”，我认为叫“影子拷贝”更为贴切。代之的【浅拷贝】应该是指原生类型（可以也包括非可变型，如String），进行拷贝，而数组或引用，不做任何处理。与“影子拷贝”的区别即在此，不做任何处理，==赋值 都不做（而【影子拷贝】是要做的），目的是保护性的，避免“误操作”。如博主的图中，A和B中域都指向A1和A2，这是一件很危险的事情。另外，博主给出的这一段代码，应该是通过流来“克隆”，而非序列化/反序列化。相比之，序列化的应用面更为狭窄，因为被“克隆”的类必须是要实现序列化接口的。可以看看《Effective Java》或者http://tonylian.iteye.com/admin/blogs/383541你没看完整我的文章吧，深拷贝的图是图3。。。，另外序列化就是把对象变成字节流。之所以用序列化来做深拷贝而不是用clone方法来做深拷贝我文章也说明了，是因为当你的对象层次很复杂的时候，你对每个对象写这个clone方法耗费的时间和困难度是很高的而且容易出错。
浏览: 20827 次
来自: 广州
StringUtil.decodeHex和encodeHex方 ...
有帮助，谢谢！
另外请问，StringUtil.encodeH ...
to &div class=&quote_ti ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'问：大家能给我讲一下浅拷贝和深拷贝的区别吗？
[问题点数：0分]
问：大家能给我讲一下浅拷贝和深拷贝的区别吗？
[问题点数：0分]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
匿名用户不能发表回复！|