js 深拷贝与浅拷贝

对象的深拷贝与浅拷贝（同样适用于数组）

JSON方法

const obj1={a:6,b:undefined,c:[1,3,4],d:()=>{}}const obj2=JSON.parse(JSON.stringify(obj1))obj2.a=0;obj2.c[0]=2console.log('obj1: ',obj1)console.log('obj2: ',obj2)

缺点：数据值为undefined或数据类型为function的情况下无法复制

2.Object.assign方法

const obj2=Object.assign({},obj1);obj2.a=0;obj2.c[0]=2console.log('obj1: ',obj1)console.log('obj2: ',obj2)

缺点：只能拷贝一级属性，二级属性及更深层次的属性仍然是浅拷贝

3. 扩展运算符

const obj2={...obj1}obj2.a=0;obj2.c[0]=2console.log('obj1: ',obj1)console.log('obj2: ',obj2)

缺点：只能拷贝一级属性，二级属性及更深层次的属性也是浅拷贝

4. 递归（比较完美的解决方案）

const obj2 = cloneDeep(obj1)obj2.a = 0;obj2.c[0] = 2console.log('obj1: ', obj1)console.log('obj2: ', obj2)function cloneDeep(obj) {let newObj = Array.isArray(obj) ? [] : {}for (let key in obj) {if (obj[key] && typeof obj[key] === "object") {newObj[key] = cloneDeep(obj[key])} else {newObj[key] = obj[key]}}return newObj}

js 深拷贝与浅拷贝相关推荐

js深拷贝和浅拷贝的区别
js深拷贝和浅拷贝的区别如何来区分深拷贝和浅拷贝,其实简单,例如: 就是我声明一个obj对象,如何让var a直接等于obj,然后有在obj新增个fun,此时的a也会随着新增个fun,相同a新增数据 ...
js深拷贝和浅拷贝对数组的影响_浅拷贝与深拷贝（JavaScript）
一.预备知识 ECMAScript变量包含两种不同数据类型的值:基本数据类型和引用数据类型. 基本数据类型:名值存储在栈内存中: 引用数据类型:名存在栈内存中,值存在于堆内存中,但是栈内存会提供一个引 ...
js深拷贝和浅拷贝对数组的影响_javaScript中的深拷贝和浅拷贝
今天来整理一下js中的深浅拷贝深浅拷贝简单来说,假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着A一起变了,说明这是浅拷贝,如果B没有变,那就是深拷贝. 看例题 //案例1var a1 ...
详解JS深拷贝与浅拷贝
深拷贝与浅拷贝深拷贝和浅拷贝都只针对引用数据类型,浅拷贝会对对象逐个成员依次拷贝,但只复制内存地址,而不复制对象本身,新旧对象成员还是共享同一内存:深拷贝会另外创建一个一模一样的对象,新对象跟原对象 ...
js深拷贝和浅拷贝对数组的影响_javascript之浅拷贝与深拷贝
好久没提笔写文章了,之前忙得喘不过气,过年回家也无心学习.年后回来后,调整好状态,准备把js基础重新过一遍. 正文从此开始: 之所以写这篇文章是因为Leader最近在面试,回来和我们数落了一通,问一个 ...
js深拷贝，浅拷贝的解析以及解决方案
深.浅拷贝简单来说,浅拷贝简单的处理简单数据时候就很ok 到那时遇到复杂数据类型就可能有点吃了,比如数组,你赋值了个另一个变量,这样会导致一个变量改,另一个数据也会发生改变,这或许导致很危险的东西. ...
js 深拷贝，浅拷贝
blog.csdn.net/linusc/arti- 参考此文更有帮助 ---- 如果进行浅拷贝,会使得数据出现一改全改的现象所以对对象进行深拷贝,才不会出现改一个而把其他变量也改了的效果. 具体的 ...
js 深拷贝和浅拷贝
1. ...运算符 (浅拷贝) let obj = {a:1,b:2}; let obj2 = {...obj}; obj.a=3 obj //{a: 3, b: 2} obj2 //{a: 1, ...
js深拷贝和浅拷贝对数组的影响_JS基础——深拷贝与浅拷贝
浅拷贝对象的浅拷贝 Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象,它将返回目标对象. var target = { name:"rlxu&qu ...

js 深拷贝与浅拷贝

js 深拷贝与浅拷贝相关推荐

最新文章

热门文章