深拷贝与浅拷贝的区别!基本数据类型与引用数据类型

浅拷贝

创建一个新的对象,这个对象有着原始对象属性值的一份精确拷贝。
如果对象时基本类型,拷贝的就是基本类型的值,
如果是引用类型,拷贝的就是内存地址
var a = {
	name:'zd',
	book:{
		title:'xxx',
		price:45
	}
}
let b = Object.assign({},a)

//实现函数封装
function cloneLittle (source) {
	var target = {}
	for(var key in source){
		if(Object.prototype.hasOwnPropety.call(source,key)){
			target[key] = source[key]
		}
	}
}

深拷贝

let a = {
	name: 'xx',
	info: {
		hobby: 'eat',
		money: 'enough'
	}
}
let b = JSON.parse(JSON.stringify(Obj))
//深拷贝
function cloneDeep (source) {
	var target = {}
	for(var key in source){
		if(Object.prototype.hasOwnPropety.call(source,key)){
			if(typeof source[key]==='object'){
				target[key] = cloneDeep(source[key])
			}else{
				target[key] = source[key]
			}
			
		}
	}
}

深拷贝2

	  let obj = {
            name: '1张三丰',
            age: 22,
            messige: {
                sex: '男',
                score: 16
            },
            color: ['red', 'purple', 'qing']

        }
        let be = {};

        function cloneDeep(be, obj) {
            /// key代表obj的键,obj[key]代表的值
            // newObj[key] = obj[key];// 返现问题啦,如果obj[key]是复杂数据类型,就不可以赋值\
            // 如果obj[key]是数组,那么需要继续遍历
            // 再如果obj[key]是对象,那么又需要遍历 
            // 否则newObj[key] = obj[key]
            for (var key in obj) {
                if (obj[key] instanceof Array) { // 如何判断是不是数组
                    be[key] = [];  //确保是 数组
                    //进行递归继续判断
                    cloneDeep(be[key], obj[key]) // forin 也可以遍历数组

                } else if (obj[key] instanceof Object) {
                    be[key] = {};
                    cloneDeep(be[key], obj[key]);
                } else {
                    be[key] = obj[key];
                }
            }
        }

        cloneDeep(be, obj);
        obj.messige.score = 9999999999;

        console.log(obj); //messige: {sex: "男", score: 9999999999}

        console.log(be); //messige: {sex: "男", score: 16}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值