js对象深度克隆代码实现,js浅克隆和深克隆的区别

本文目录一览：

• 
  1、JS中如何进行对象的深拷贝
  


• 
  2、JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
  


• 
  3、js怎么克隆对象
  


• 
  4、如何使用原生 Javascript 代码深度克隆一个对象
  


• 
  5、js实现深拷贝的几种方法
  

JS中如何进行对象的深拷贝

//拷贝数据，深拷贝数据，绝对不会出现对象与数组引用相同位置

var copyData = function(item) {

if(item == null) {

return null;

}

if($.isArray(item)) {

var newArray = [];

for(var i=0;iitem.length;i++) {

newArray.push(copyData(item[i]));

}

return newArray;

}

if($.isPlainObject(item)) {

var newObj = {};

for(var p in item) {

newObj[p] = copyData(item[p]);

}

return newObj

}

return item;

}

JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析

本文实例讲述了JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能。分享给大家供大家参考，具体如下：

根据不包含引用对象的普通数组深拷贝得到启发，不拷贝引用对象，拷贝一个字符串会新辟一个新的存储地址，这样就切断了引用对象的指针联系。

测试例子：

var

test={

a:"ss",

b:"dd",

c:[

{dd:"css",ee:"cdd"},

{mm:"ff",nn:"ee"}

]

};

var

test1

=

JSON.parse(JSON.stringify(test));//拷贝数组,注意这行的拷贝方法

console.log(test);

console.log(test1);

test1.c[0].dd="change";

//改变test1的c属性对象的d属性

console.log(test);

//不影响test

console.log(test1);

测试结果：

根据测试结果，我们可以看到，test1已经从test复制一份，并且test1改变其中属性的值时，对原来的对象test没有造成影响。

JSON.parse(),JSON.stringify()兼容性问题

可以通过为IE7以及IE7以下版本的IE浏览器引入json2.js，使用json2.js来解决JSON的兼容性问题

!--[if

lt

IE

7]

script

src="具体放路径/json2.js"/script

![endif]--

json2.js的github地址为：

好了，到这里就实现了，使用JSON.parse(),JSON.stringify()对对象的深拷贝~~

感兴趣的朋友可以使用在线HTML/CSS/Javascript代码运行工具：测试上述代码运行效果。

更多关于Javascript相关内容可查看本站专题：《Javascript面向对象入门教程》、《Javascript切换特效与技巧总结》、《Javascript查找算法技巧总结》、《Javascript错误与调试技巧总结》、《Javascript数据结构与算法技巧总结》、《Javascript遍历算法与技巧总结》及《Javascript数学运算用法总结》

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

您可能感兴趣的文章:Javascript基于遍历操作实现对象深拷贝功能示例Javascript对象的浅拷贝与深拷贝实例分析Javascript

中对象的深拷贝js对象浅拷贝和深拷贝详解浅谈Javascript中面向对象的的深拷贝和浅拷贝jQuery深拷贝Json对象简单示例Javascript对象拷贝与赋值操作实例分析浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)Javascript对象拷贝与Object.assign用法实例分析js实现数组和对象的深浅拷贝

js怎么克隆对象

这题的意思是把一个对象中的内容一级一级的复制到另外一个对象中。用for(var i in obj)的方式就可以了。

至于类型，js虽然是弱类型，但其实是有类型的，如数字类型，就是Number，对象类型就是Object，String,Date,Array,Boolean,Function等，然要判断对象的类型也很简单，如：

var a = 2;

a.constructor == Number;// 判断是否为数值

a.constructor == String;// 判断是否为字符串 a = "test"

a.constructor == Date;// 判断是否为日期 a = new Date()

a.constructor == Array;// 判断是否为数组 a = [1,"2",true]

a.constructor == Boolean;// 判断是否为布尔型 a = true

a.constructor == Object;// 判断是否为对象 a = {}

a.constructor == Function;// 判断是否为方法类型 a = function(){}

如何使用原生 Javascript 代码深度克隆一个对象

var s = {"a": "aaaaa"},

lightClone = {},

deepClone = {};

//浅clone

lightClone = s;

lightClone.a = 'lightClone';

console.log(lightClone.a);//lightClone

console.log(s.a);//lightClone

//深clone

s = {"a": "aaaa"};

for(var k in s) {

deepClone[k] = s[k];

}

deepClone.a = "deepClone";

console.log(deepClone.a);//deepClone

console.log(s.a);//aaaaa

js实现深拷贝的几种方法

简单来说，深拷贝主要是将另一个对象的属性值拷贝过来之后，另一个对象的属性值并不受到影响，因为此时它自己在堆中开辟了自己的内存区域，不受外界干扰。

浅拷贝主要拷贝的是对象的引用值，当改变对象的值，另一个对象的值也会发生变化。

使用 js ON.stringify和 js ON.parse实现深拷贝：JSON.stringify把对象转成字符串，再用JSON.parse把字符串转成新的对象；

缺陷：它会抛弃对象的 const ructor，深拷贝之后，不管这个对象原来的构造 函数 是什么，在深拷贝之后都会变成Object；这种方法能正确处理的对象只有 Number, String, Boolean, Array, 扁平对象，也就是说，只有可以转成JSON格式的对象才可以这样用，像function没办法转成JSON；

递归拷贝实现深拷贝，解决循环引用问题