js的深拷贝的理解和实现

一：什么是深拷贝？

举例：a=b，正常情况下当改变a时b也改变，当改变a时b第一层不改变copy就是浅拷贝，当改变a时b底基层都不会改变就是深拷贝

二：实现深拷贝

1、最简单方法就是使用JSON.stringfy()和JSON.parse()。

var syb = Symbol('obj');
var person = {name :'tino',say: function(){console.log('hi');},ok: syb,un: undefined
}
var copyPerson = JSON.parse(JSON.stringify(person))

但是有局限性：当值为undefined、function、symbol 会在转换过程中被忽略，对象值有这三种的话用这种方法会导致属性丢失。

2、通用方法（递归复制）

deepClone => (obj){let objClone = Array.isArray(obj)?[]:{};if(obj && typeof obj==="object"){for(key in obj){if(obj.hasOwnProperty(key)){//判断ojb子元素是否为对象，如果是，递归复制if(obj[key]&&typeof obj[key] ==="object"){objClone[key] = deepClone(obj[key]);}else{//如果不是，简单复制objClone[key] = obj[key];}}}}return objClone;
}

另外注意obj.hasOwnProperty(key)有什么用？

使用了for in遍历数组，就需要用hasOwnProperty来规避遍历到原型链上的属性或方法

转载于:https://www.cnblogs.com/piaobodewu/p/10393863.html

js的深拷贝的理解和实现相关推荐

一篇文章彻底说清JS的深拷贝/浅拷贝
一篇文章彻底说清JS的深拷贝and浅拷贝这篇文章的受众第一类,业务需要,急需知道如何深拷贝JS对象的开发者. 第二类,希望扎实JS基础,将来好去面试官前秀操作的好学者. 写给第一类读者你只需要一 ...
js回调函数的理解(轉)
js回调函数(callback)理解Mark!讲之前说一句function say(){alert(,,,,,,,,)}var say=function (){alert(,,,,,,,)}var s ...
javascript中浅拷贝和深拷贝的理解
javascript中浅拷贝和深拷贝的理解什么是拷贝? 简单地说就是复制,对数据的复制浅拷贝:改变拷贝者的值,被拷贝者的值也会变化深拷贝:改变拷贝者的值,被拷贝者的值不会变化由于基本数据类型是 ...
Js模块化开发的理解
Js模块化开发的理解模块化是一个语言发展的必经之路,其能够帮助开发者拆分和组织代码,随着前端技术的发展,前端编写的代码量也越来越大,就需要对代码有很好的管理,而模块化能够帮助开发者解决命名冲突.管理 ...
Python中浅拷贝和深拷贝的理解与研究
Python中浅拷贝和深拷贝的理解与研究单层浅拷贝 import copy a = 1 # 不可变数据类型 copy_a = copy.copy(a) print(id(a),id(copy_a)) ...
理解Babel是如何编译JS代码的及理解抽象语法树(AST）
Babel是如何编译JS代码的及理解抽象语法树(AST) 1. Babel的作用是? 很多浏览器目前还不支持ES6的代码,但是我们可以通过Babel将ES6的代码转译成ES5代码,让所有的浏览器 ...
JS中setter/getter理解
JS中setter/getter理解 JS对象属性 get/set和getter/setter 数据属性 Object.defineProperty() 访问器属性 getter/setter创建及删 ...
JS实现深拷贝常用的几种方法
JS实现深拷贝常用的几种方法 <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...
Js面向对象的程序设计——理解对象
Js面向对象的程序设计 Js面向对象的程序设计理解对象属性类型 Js面向对象的程序设计理解对象示例 : var person=new Object(); person.name="N ...
Python中浅拷贝和深拷贝的理解与研究 1
Python中浅拷贝和深拷贝的理解与研究单层浅拷贝 import copy a = 1 # 不可变数据类型 copy_a = copy.copy(a) print(id(a),id(copy_a)) ...

js的深拷贝的理解和实现

js的深拷贝的理解和实现相关推荐

最新文章

热门文章