浅拷贝以及深拷贝详细原理实现(面试题常考)

	因为基础数据类型是赋值的是值,引用数据类型赋值的是内存地址。所以浅拷贝只能进行基础数据类型拷贝,可以用Object.assign方法。
	而深拷贝可以用JSON解析,以及递归层级两种方法去实现基础、引用数据类型拷贝。
    **浅拷贝**
    var obj = {
        name: '张三丰',   //基础数据类型
        age: 22			//基础数据类型
        color : ['red','purple','qing']   //引用数据类型
    };
    var newobj = {};	
    for (key in obj) {
        newobj[key]=obj[key];	//把obj里面的基础数据类型遍历出来赋值
    }
    newobj.name = '李四' 	 //因为这里的name属性是基础数据类型,所以赋值传递的是值
    console.log(obj.name); //打印:张三丰
    
    newobj.color[0] = 'black' //因为这里的color属性是引用数据类型,所以赋值传递的是内存地址
    console.log(obj.color[0]); //打印:black
    
    结论:浅拷贝只会拷贝obj里面属性的基础数据类型,拷贝不了obj里面属性的引用数据类型
## 深拷贝
		var obj = {
			name : '张三丰',	//基础数据类型
			age : 22,		//基础数据类型
			messige : {		
				sex : '男',		//引用数据类型
				score : 16
			},				
			color : ['red','purple','qing']		//引用数据类型

		}
		var newObj = {};
		function copy (newObj,obj) {
			for (key in obj) {
				if (obj[key] instanceof Array) {
					newObj[key] = []; 	// 确保newObj[key]是数组	
					copy(newObj[key],obj[key]);
把obj里面的messige的对象进行数据判断,如果是引用数据类型,则又调用函数将里面的基础数据类型进行赋值
				} else if (obj[key] instanceof Object) {
					newObj[key] = {};	// 确保newObj[key]是对象
					copy(newObj[key],obj[key])
把obj里面的color的数组进行数据判断,如果是引用数据类型,则又调用函数将里面的基础数据类型进行赋值				} else {
					newObj[key] = obj[key];
				}
			}
		}
 这里的obj.messige.sex已经进行基础数据类型赋值,所以值改变了,newObj.messige.sex也不会改变。
		copy(newObj,obj);
		obj.messige.sex = 99;
		console.log(newObj.messige.sex); //打印 男  
		
结论:深拷贝既会拷贝obj里面的基础数据类型,也会拷贝obj里面的引用数据类型(因为会将obj里面引用数据类型筛选出来,然后再调用函数进行筛选,再把基础数据类型筛选出来赋值。)

猜你喜欢

转载自blog.csdn.net/weixin_46451137/article/details/106745611