JavaScript对象的深拷贝

 // Deep Cloneobj1 = { a: 0 , b: { c: 0}};let obj3 = JSON.parse(JSON.stringify(obj1));obj1.a = 4;obj1.b.c = 4;log(JSON.stringify(obj3));// { a: 0, b: { c: 0}}


const deepClone = obj => {if (obj === null) return null; //let clone = Object.assign({}, obj); //将源对象复制到目标对象上，合并对象console.log(clone)Object.keys(clone).forEach(key =>{(clone[key] = typeof obj[key] === 'object' ? deepClone(obj[key]) : obj[key])console.log(key)});console.log(Array.isArray(obj))if(Array.isArray(obj)){clone.length = obj.length;return Array.from(clone);}return clone
}
const a = { foo: [1,2,3], obj: { a: 1, b: 2 } };
const b = deepClone(a); // a !== b, a.obj !== b.obj
console.log(a)
console.log(b)

JavaScript对象的深拷贝相关推荐

javaScript对象的深拷贝和浅拷贝
深拷贝和浅拷贝定义浅拷贝:只是拷贝了基本类型的数据,而引用类型数据,复制后也是会发生引用,我们把这种拷贝叫做浅拷贝(浅复制).浅拷贝只复制指向某个对象的指针(引用地址),而不复制对象本身,新旧对象还 ...
JavaScript对象深拷贝
JavaScript对象深拷贝引言在JavaScript中对对象拷贝复制通常是使用循环遍历的方式: var obj = {x:1,y:[1,2,3] }var obj2 = {}; for(let ...
详解JavaScript对象深拷贝
详解JavaScript对象深拷贝在几乎所有编程语言中,对象都以引用形式保存给变量.复制给其他变量.JavaScript语言也是如此.因此简单的进行赋值操作进行复制仅仅是对对象数据的引用地址进行一个 ...
JavaScript案例：实现对象的深拷贝
案例: var a = { name: '小明', age: 19, hobby: ['唱', '跳', 'rap', '篮球'], }; 实现对象的深拷贝案例分析: 1.创建deepCopy的方法 ...
Javascript中的深拷贝和浅拷贝
文章目录 JavaScript中的变量类型深拷贝和浅拷贝的理解深拷贝和浅拷贝的实现方式为什么需要深拷贝和浅拷贝 JavaScript中的变量类型 (1).基本类型 JavaScript中的基本类 ...
vb.net中递归退到最外层_面试题被问到再也不慌，深究JavaScript中的深拷贝与浅拷贝...
" 点个关注,养成习惯,带你python爬虫的过程中学习前端 " JavaScript中的深拷贝和浅拷贝是前端面试中频繁被问到的一道题, 于是我也自己去查阅了一些资料, 然后动手敲 ...
一文搞懂前端对象的深拷贝与浅拷贝
在前端开发过程中常常会听到对象的深拷贝与浅拷贝,对于初学者来说,可能是傻傻的分不清楚,本人将详细介绍javascript中对象的深拷贝与浅拷贝. 一.javascript中的数据类型基础数据类型字 ...
JavaScript数组的深拷贝
浅拷贝是copy的地址,一改全改丛继永 var arr1 = [1,2,3]; var arr2 = arr1; //arr1的地址会赋值给arr2,一改全改深拷贝是copy的值,不影响原来的值 ...
如何获取HTML元素对应JavaScript对象？
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...

JavaScript对象的深拷贝

JavaScript对象的深拷贝相关推荐

最新文章

热门文章