ES6深拷貝與淺拷貝
今天小編和大家一起探討js中深拷貝和淺拷貝，簡單一點理解就是，對於引用數據類型，深拷貝是數據引用地址不同，在改變一個數據的時候，不會影響另一個數據。而淺拷貝剛好相反。兩個數據引用的是同一個堆記憶體地址，一個數據改變的時候，會影響另一個相關的數據。
在之前的章節中，小編提起過關於對象的複製的方法，Object.assign()，但是這個方法只是針對對象的淺拷貝。大家也可以關注我的微信公眾號，蝸牛全棧。
let target = {} let source = { a:1, b:2 } Object.assign(target,source) console.log(target) // {a:1,b:2}
let target = {} let source = { a:{ b:{ c:1 } }, e:2, f:3 } Object.assign(target,source) console.log(target) // {a:{b:{c:1}},e:2,f:3}
let target = { a:{ b:{ c:1 } }, e:4, f:5, g:6 } let source = { a:{ b:{ c:1 } }, e:2, f:3 } Object.assign(target,source) console.log(target) // {a:{b:{c:1}},e:2,f:3} // 這裡面沒有將target中的g屬性和值
深拷貝（基本數據類型）
let a = 5 let b = a a = 6 console.log(a,b) // 6 5
淺拷貝（對象，兩個數據相互影響。一個數據內容改變之後會影響另一個數據）
let obj1 = { name:"lilei", age:18 } let obj2 = obj1 console.log(obj1) // {name:"lilei",age:18} console.log(obj2) // {name:"lilei",age:18} obj1.age = 30 console.log(obj1) // {name:"lilei",age:30} console.log(obj2) // {name:"lilei",age:30}
深拷貝（對象）
方式一：
let obj1 = { name:"lilei", age:18 } let str = JSON.stringify(obj1) let obj2 = JSON.parse(str) console.log(obj1) // {name:"lilei",age:18} console.log(obj2) // {name:"lilei",age:18} obj1.age = 30 console.log(obj1) // {name:"lilei",age:30} console.log(obj2) // {name:"lilei",age:18}
方式二：
// 判斷數據類型 let checkType = data => { let t = Object.prototype.toString.call(data).slice(8,-1) return t } // 只考慮對象和數組還有基本數據類型的深拷貝 let deepClone = target => { let targetType = checkType(target) let result if(targetType === "Object"){ result = {} }else if(targetType === "Array"){ result = [] }else{ return target } for(let i in target){ let value = target[i] // 每個屬性對應的值 // 兼容引用數據類型中還存在引用數據類型的情況 let valueType = checkType(value) if(valueType === "Object" || valueType === "Array"){ result[i] = deepClone(value) // 遞歸 }else{ result[i] = value } } return result }
附加：
一、JSON:JSON本質就是字元串，對象鍵不用引號，JSON需要用引號
JSON.stringify(obj) // 將對象轉換成JSON格式字元串 JSON.parse(obj) // 將JSON字元串轉換成對象
二、typeof只能判斷基本數據類型，不能判斷引用數據類型，比如對象和數組，返回的都是Object。可以用以下方式處理
let checkType = data => { let t = Object.prototype.toString.call(data) // let t = Object.prototype.toString.call(data).slice(8,-1) 截取對應數據類型，比如Object和Array console.log(t) } checkType({}) // [Object Object] checkType([]) // [Object Array]
