javaScript深克隆（deepClone(origin,target)）

 var obj = {name: 'Tom',age: 12,card: ['a', ' b', 'c'],wife: {name: 'amy',son: {name: 'Jimmiy '}}}//遍历对象  for(var prop in obj ) // 1.判断是不是原始值//  type() object// 2.判断是数组还是对象// toString() <-推荐使用// instanceof // constructor// 后两种父子域（跨域）的时候会有问题 -> [] instanceof Array   falses// 3.建立相应的数组和对象// 递归function deepClone(origin, target) {var target = target || {},toString = Object.prototype.toString,arrType = "[object Array]";for (var prop in origin) {if (origin.hasOwnProperty(prop)) {//<-避免拿到原型链上的属性if (origin[prop] !== "null" && typeof (origin[prop]) == 'object') {// if (toString.call(origin[prop]) == arrType) {//     target[prop] = [];// } else {//     target[prop] = {};// }// 优化target[prop] = toString.call(origin[prop]) == arrType ? [] : {};deepClone(origin[prop], target[prop]);} else {target[prop] = origin[prop];//<-原始值直接赋值进行深克隆}}}return target;}

跟着渡一的姬成老师的javaScript课程敲的，教学视频在腾讯课堂有~

javaScript深克隆（deepClone(origin,target)）相关推荐

JavaScript中的Event.target
event.target 一般情况下我们获取目标事件源都是谁是调用者谁就是事件源,但是当有批量的DOM需要操作的时候,要判断哪一个dom是事件源就不是很明确了,使用e.target可以准确地获取事件源 ...
Javascript深克隆和浅克隆
深克隆和浅克隆浅克隆:只需要拷贝对象中的原始类型值,引用类型拷贝的仍然是地址深克隆:无论是原始类型还是引用类型都会进行拷贝,包括引用类型中还有其他引用类型的质. <script>let ...
浅克隆(ShallowClone)和深克隆(DeepClone)区别以及实现
什么是克隆克隆就是依据已经有的数据,创造一份新的完全一样的数据拷贝. 浅克隆和深克隆区别浅克隆: 被Clone的对象的所有变量都含有原来对象相同的值,而引用变量还是原来对用的引用[拷贝对象时仅仅拷 ...
原生JS如何实现包含各种类型数据的深克隆
引言在各个社区查找使用原生js实现深克隆的方法,众说纷纭,大多数实现效果并不理想,在此将各家之言总结一下,得出一个完美的解决方案. 本文参考以下文章,感兴趣者请移步到原文链接. JS类型判断.对象克 ...
JavaScript note
1.浏览器 IE--trident Chrome--webkit / blink Firefox--gecko Opera--presto Safari--webkit 2.数据类型 a. 原始值: ...
登峰造极的Javascript
文章目录 switch case 条件判断语句数组对象 typeof操作符显式类型转换隐式类型转换函数参数作用域作用域链闭包立即执行函数对象,包装类包装类原型.原型链原型链 ...
JavaScript yyds
JavaScript yyds JavaScript历史主流浏览器及其内核 JavaScript中的数据类型 typeof函数特殊情况显示类型转换隐式类型转换函数命名函数声明匿名函数表达 ...
JS类型判断、对象克隆、数组克隆
类型判断我们先说一下JS的数据类型,我们一般说JS有六大数据类型(ES6以前)分别是: 基本数据类型 Number String Boolean null undefined 引用数据类型 obje ...
Mr.J--JS学习（Clone）
克隆一.对象的克隆 Javascript中的数据类型分为两大类:原始类型和对象类型. (1)原始类型包括:数值.字符串.布尔值.null.undefined. (2)对象类型包括:对象即是属性的集合 ...
2.ECMAScript
1.发展史.ECMA.编程语言.JS相关.变量.JS值 1.1 五大主流浏览器内核 IE: trident Chrome: webkit blink safari: webkit firefox: g ...

javaScript深克隆（deepClone(origin,target)）

javaScript深克隆（deepClone(origin,target)）相关推荐

最新文章

热门文章