javaScript深度克隆

在做项目的时候，需要用到克隆操作。但是查找发现javaScript并没有提供克隆的方法，这对于常年开发java的我来说，是很不方便的事情。查找资料的时候，发现JQuery自带exten方法是可以进行对象复制，但是克隆出的对象引用地址还是原对象地址，这样达不到我的需求。1.脱离原对象引用地址，开辟新地址，2.深度克隆对象，向下克隆对象属性。于是参考网上自行码了一个深度克隆方法。代码如下：

//判断类型
function isClassType(Obj){var clType=Object.prototype.toString.call(Obj);//[object  Object]return clType.substring(clType.indexOf(" ")+1,clType.length-1);
}
//深度克隆
function objClone(obj){var result;if(isClassType(obj)=='Object')//对象类型result={};else if(isClassType(obj)=='Array')//Array集合类型result=[];elsereturn obj;//遍历并递归,深度克隆的关键for(x in obj){result[x]=objClone(obj[x]); }return result;
}var nl=null,         //nullundefin,         //undefinednum=1,           //numberstr="",          //stringfun=function(){},//funcationmap={a:1,b:2,c:3},//mapmap2={a:'a'},array=[map2,2,3];    //array
map.fun=fun;
map.num=num;
map.undefin=undefin;
map.nl=nl;
map.array=array;
var map1=objClone(map);
map1.a="test";
console.log(map);
console.log(map1);

控制台查看克隆对象，如下：

我更改了map1的a属性，原对象map的a属性并没有改变，满足了我的脱离原对象引用地址的需求。map1属性下面的array属性也进行原封不动的克隆过来，满足了我的深度克隆需求。目前只是进行了简单的克隆测试，如果大家发现新的bug欢迎留言。

javaScript深度克隆相关推荐

javascript 深度克隆对象
js一般有两种不同数据类型的值: 基本类型(包括undefined,Null,boolean,String,Number),按值传递: 引用类型(包括数组,对象),按址传递,引用类型在值传递的时候是内 ...
Javascript 深度克隆中的循环引用问题解决和代码优化
概要在前端项目开发中,我们经常需要深度克隆JS对象.在克隆代码开发过程中,我们经常会遇到数组判定或对象循环引用的问题. 本文通过实例来解决上述问题代码及实现常见深度克隆JS对象的代码 funct ...
覆盖所有类型的javascript深度克隆
第一种方法(只适用于基础类型) const newObj = JSON.parse(JSON.stringify(oldObj)); 第二种方法 const getType = (obj)=> ...
javascript 深度克隆
关键词 :递归主要分为数组 .对象.以及基本类型 function clone(Obj) { var buf; if (Obj instanceof A ...
JavaScript复习笔记(3)——数据类型（null、undefined、NaN）与深度克隆
JavaScript中的数据类型:Number.Boolean.String.Object.Function 但是此外还有一些容易混淆的类型如null.undefined.NaN.Array的概念 f ...
JavaScript对象克隆
前言之前有人问我如何克隆一个JS对象,我当时没答上来:过后我查资料弄懂了这个问题,现在整理成文. 正文 JavaScript的一切实例都是对象,但他们也分为原始类型和引用类型.原始类型对象指的是字符 ...
DOM节点深度克隆函数cloneNode()用法实例
本文实例讲述了DOM节点深度克隆函数cloneNode()用法.分享给大家供大家参考. <div id= "container" > <ul> <li ...
JavaScript深度学习
毛囊炎鼻炎 JavaScript深度学习蔡善清,[美] 斯坦利·比列斯奇,[美] 埃里克·D.,尼尔森,[美] 弗朗索瓦·肖莱著,程泽译 ISBN:9787115561145 包装:平装开本: ...
Jquery的深度拷贝和深度克隆
有人问,拷贝和克隆不都是"复制"的意思吗. 这位看官问的好,一般情况下是一样的,但在jquery中却有些不同.jqurey深度拷贝一般只js对象的复制,是$.extend()方法, ...
jquery,angular 对象数组的克隆和深度克隆
var obj1 = $.extend(false, {}, obj2); //对象克隆 var obj1 = $.extend(true, {}, obj2); //对象深度克隆 ------ ...

javaScript深度克隆

javaScript深度克隆

javaScript深度克隆相关推荐

最新文章

热门文章