浅拷贝和深拷贝

浅拷贝和深拷贝

浅拷贝

只是拷贝一层，更深层次对象级别的只拷贝引用

var obj = {
    id: 1,
    name: 'andy',
    mas: {
    	age: 21
	}
}
var o = {};
for(var k in obj) {
    // k 是属性   obj[k]是属性值
    o[k] = obj[k];
}
console.log(o);	
// 浅拷贝：o浅拷贝过来的mas对象，只是保存了mas对象的地址
// 修改o的mas对象中的age值，同时也会修改obj对象的mas中age的值

// ES6新增浅拷贝的方法
// Object.assign(target,...sources);
var obj = {
    id: 1,
    name: 'andy',
    mas: {
    	age: 21
	}
}
var o = {};
Object.assign(o,obj);
// 将obj对象浅拷贝给o

深拷贝

拷贝多层，每一级别的数据都会拷贝

// 将新对象中属性中的对象 复制一份 另一个对象o指向新复制的这个地址  
// 修改新对象o里的对象 不会影响obj对象中的数据

    <script>
            // 深拷贝： 拷贝多层，每一级别的数据都会拷贝
            
        	// 旧数组
        	var obj = {
                id: 1,
                name: 'yanle',
                msg: {
                    age: 21
                },
                color: ['red','blue','black']
            };
			// 新数组
            var o = {};
			
            // 封装成一个函数
            function deepCopy(newobj , oldobj) {
                // for in 遍历oldobj对象
                for(var k in oldobj) {
                    // 将oldobj的一个属性值传递给item
                    // 例如: 将简单数据类型id：1传递给item / 将对象类型msg：{age:21}传递给item 
                    var item = oldobj[k];
                    // 1. 判断item是否是数组
                    if(item instanceof Array) {
                        newobj[k] = []; // 给对象o创建一个数组类型的属性
                        deepCopy(newobj[k],item); // 将item传递给o.color这个属性
                    // 2. 判断item是否是对象
                    }else if(item instanceof Object) {
                        newobj[k] = {};
                        deepCopy(newobj[k],item);    
                    // 3. item是简单数据类型
                    }else {
                        newobj[k] = item;
                    }
                }
            }
            deepCopy(o , obj);
            console.log(o);
    </script>