深拷贝和浅拷贝具体分析以及实现

Love The Way You Lie 2022-12-23 14:22 92阅读 0赞

如何区分深拷贝和浅拷贝呢？

简单来说  
如果b复制了a，a改变了，b也跟着一起改变了，那么就是浅拷贝，  
如果a改变，b没有跟着一起改变，那么就是浅拷贝

那么在实际开发中我们如何进行深拷贝呢？

分两种情况

1、对基本数据类型进行深拷贝

基本数据类型： string、number、Boolean、null、undefined、Symbol

let a = '123456'
    let b = a
    a = 'abcde'
    console.log(a,b) 
    //此时a = 'abcde' b = '123456'

这个时候改变a，b不会跟着改变，但是这也算不上深拷贝，因为深拷贝是针对复杂的object类型来说的

2、Object类型

let a = [1,2,3,4]
    let b = a
    a[0] = 10
    console.log(a,b)
    //此时，a = [10,2,3,4] b = [10,2,3,4]

上面的例子中a改变之后b也改变了，那么这种时候就是浅拷贝了

接下来我们去实现深拷贝

（1）使用递归的方法

// 写一个递归的拷贝方法
    function deepCopy(obj) { 
    	let objClone = Array.isArray(obj) ? [] : { }
    //除了基本的数据类型，其他类型的使用typeof判断出来都是object
    	if(obj && typeof obj === 'object') { 
    		for(key in obj) { 
    			if(obj.hasOwnProperty(key)) { 
    				//判断obj是否有子级的obj，如果有，则继续递归
    				if(obj[key] && typeof obj[key] === 'object') { 
    					objClone[key] = deepCopy(obj[key])
    				} else { 
    					objClone[key] = obj[key]
    				}
    			}
    		}
    	}
    	return objClone;
    }
    let a = [1,2,3,4]
    let b = deepCopy(a)
    a[0] = 100
    console.log(a,b)
    //此时修改a，b不会改变，实现了深拷贝

2、使用JSON对象的parse和stringify

function deepClone(obj) { 
    	let _obj = JSON.stringify(obj);
    	let objClone = JSON.parse(_obj);
    }
    let a = [1,2,3,4]
    let b = deepClone(a)
    a[0] = 10
    console.log(a,b)
    //此时修改a，b不会改变，实现了深拷贝

借鉴参考https://www.cnblogs.com/echolun/p/7889848.html