深浅拷贝方法总结、练习

深拷贝: 深拷贝是将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且修改新对象不会影响原对象。

 浅拷贝: 浅拷贝是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址 ，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。

浅拷贝常见方法： 数组的slice()、concat()、Array.from()、Object.assign()、...(拓展运算符)、递归方式实现，浅拷贝方法较为常规简单，本文具体介绍深拷贝实现。

为解决 浅拷贝对引用数据类型操作改变了源数据，采用深拷贝来

方式一： JSON.parse(JSON.srtingfy())ffa

		// 通过JSON.srtingfy()将数据转为json格式，通过JSON.parse()解析josn数据
		// 弊端： 
			// 1. 无法对Date、RegExp、Error对象进行深拷贝
			// 2. 无法对函数
			// 3. 无法解决循环引用
			// 4. 如果obj里有NaN、Infinity和-Infinity，则序列化的结果会变成null
		let testObj3 = { name: 'lufei', age: 6, obj: { like: 'code' }};
		let deepClone1 = JSON.parse(JSON.stringify(testObj3))
		deepClone1.obj.like = 'girl'
		console.log(testObj3) // {name: "lufei", age: 6, obj: { like: 'code'}}
		console.log(deepClone1) // {name: "lufei", age: 6, obj: { like: 'girl'}}

方式二：递归实现

		function deepClone(obj) {
		    if(typeof obj !== 'object') { return }
		    let objTwo =  Array.isArray(obj) ?  [] : {}
		    for(let key in obj){
		        if(obj.hasOwnProperty(key)){
		            objTwo[key] = typeof obj[key] === 'object' ? deepClone(obj[key]) : obj[key]
		        }
		    }
		    return objTwo
		}
		let ooo = {name: 1,age:222, obj: { haha: '哈哈'}}
		deepClone(ooo)
		
		console.log('原始值和引用值 Array.from')
		//类数组
		let obj = {
			0:'1',
			1:'2',
			length: 2,
		}
		let objArr = Array.from(obj, (item, index) => {
			return 'No.' + item
		})
		console.log(objArr)
		
		let arr = [1,2]
		arr = Array.from(arr)
		console.log(arr === Array.from(arr))
		
		function Fun() {
			this.name = 'echo'
		}
		let oi = new Fun()
		console.log(oi)

方式三：此方法较为简单，引用lodash.js库里面_.cloneDeep(value)方法

var objects = [{ 'a': 1 }, { 'b': 2 }];
 
var deep = _.cloneDeep(objects);
console.log(deep[0] === objects[0]);
// => false