javascript克隆对象深度介绍
更新时间：2012年11月20日 10:16:29 作者：
本文将详细介绍js 深度克隆的分类与实现，需要的朋友可以参考下
js一般有两种不同数据类型的值：
基本类型（包括undefined,Null,boolean,String,Number），按值传递；
引用类型（包括数组，对象），按址传递，引用类型在值传递的时候是内存中的地址。
克隆或者拷贝分为2种：
浅度克隆：基本类型为值传递，对象仍为引用传递。
深度克隆：所有元素或属性均完全克隆，并于原引用类型完全独立，即，在后面修改对象的属性的时候，原对象不会被修改。
function cloneObject(obj){
var o = obj.constructor === Array ? [] : {};
for(var i in obj){
if(obj.hasOwnProperty(i)){
o[i] = typeof obj[i] === "object" ? cloneObject(obj[i]) : obj[i];
}
}
return o;
}
另：如果是一个简单的数组，元素中没有引用类型的值，可以直接用array.concat();或者array.slice(0);来深度拷贝一个数组，这样简单又高效。数组的concat()和slice()本来就会生成一个新的数组，原来的数组不会受影响。但是要注意的是你要确保被拷贝的数组中元素中没有引用类型的值。
这是另一种深度克隆的方法，很简单，很实用：
var s = JSON.stringify( obj );
var o = JSON.parse( s );
基本类型（包括undefined,Null,boolean,String,Number），按值传递；
引用类型（包括数组，对象），按址传递，引用类型在值传递的时候是内存中的地址。
克隆或者拷贝分为2种：
浅度克隆：基本类型为值传递，对象仍为引用传递。
深度克隆：所有元素或属性均完全克隆，并于原引用类型完全独立，即，在后面修改对象的属性的时候，原对象不会被修改。
复制代码 代码如下:
function cloneObject(obj){
var o = obj.constructor === Array ? [] : {};
for(var i in obj){
if(obj.hasOwnProperty(i)){
o[i] = typeof obj[i] === "object" ? cloneObject(obj[i]) : obj[i];
}
}
return o;
}
另：如果是一个简单的数组，元素中没有引用类型的值，可以直接用array.concat();或者array.slice(0);来深度拷贝一个数组，这样简单又高效。数组的concat()和slice()本来就会生成一个新的数组，原来的数组不会受影响。但是要注意的是你要确保被拷贝的数组中元素中没有引用类型的值。
这是另一种深度克隆的方法，很简单，很实用：
复制代码 代码如下:
var s = JSON.stringify( obj );
var o = JSON.parse( s );
相关文章
javascript学习笔记（二） 鼠标经过时，改变div块的背景色的代码
javascript学习笔记（二） 鼠标经过时，改变div块的背景色的实现代码，当然也可以用css实现。2011-04-04
JavaScript中使用Math.floor()方法对数字取整
这篇文章主要介绍了JavaScript中使用Math.floor()方法对数字取整,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
js比较和逻辑运算符的介绍，需要的朋友可以参考一下2013-03-03
本文详细讲解了JSON.parse和JSON.stringify的用法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-12-12
JavaScript学习笔记整理_setTimeout的应用
下面小编就为大家带来一篇JavaScript学习笔记整理_setTimeout的应用。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章总结了JavaScript操作数组的常用方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
这篇文章主要介绍了关于什么是javascript模块化以及为何使用模块化开发,模块化是一种软件开发的设计模式，它将一个大型的软件系统划分成多个独立的模块，每个模块都有自己的功能和接口,需要的朋友可以参考下2023-04-04
大家在编写js代码的时候需要注意的一些地方，按照下面的方法，大家就可以尽量的让你的代码，更优化。2010-09-09
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
各个主流浏览器德鼠标点击事件，方便使用时查询，整理还算是很详细吧，感兴趣的你可以参考下啊，希望本文对你有所帮助2013-01-01
JavaScript是一门强行声称面向对象的语言,而继承是面向对象的一大主要特性,这里我们根据阮一峰老师的文章来看一下JavaScript程序中实现继承特性的方式总结2016-06-06
最新评论