基本資料型別賦值時,值存盤在堆疊空間中,拷貝基本資料型別時可以直接拷貝該值.
參考資料型別賦值時,堆疊中存盤的是該物件在堆疊空間中參考,拷貝時拿到的是地址值 
淺拷貝
const obj1 = {
'name' : 'zs',
'age' : '18',
'num' : [112,[334,[556,[778,[990]]]]]
};
function shallowCopy(obj) {
const o = {};
//遍歷物件,將值傳給新物件
for (let key in obj) {
o[key] = obj[key];
}
//回傳新物件
return o;
}
const obj2 = shallowCopy(obj1);
console.log(obj2);
雖然obj2看起來像拷貝了obj1,其實兩個物件的num值,都是參考同一個地址值所指向的物件,
改變obj1中num,例如obb1.num[0] = 221;
obj1.num[0] = 221;
console.log(obj2); 
所以這種拷貝容易產生錯誤,不適合使用.
深拷貝
有列舉屬性
function deepClone(obj){
const objClone = Array.isArray(obj)?[]:{};
if(obj && typeof obj === "object"){
for(let key in obj){
if(obj.hasOwnProperty(key)){
if(obj[key] && typeof obj[key] === "object"){
objClone[key] = deepClone(obj[key]);
}else {
objClone[key] = obj[key]
}
}
}
}
}測驗:
const obj1 = {
'name' : 'zs',
'age' : '18',
'num' : [112,[334,[556,[778,[990]]]]]
};
const obj2 = deepClone(obj1);
console.log(obj2);
再次使obj1.num[0] = 221; 查看obj2.num[0]的值
存在的問題
const obj1 = {
'name' : 'zs',
'age' : '18',
'num' : [112,[334,[556,[778,[990]]]]]
};
obj1.num.name = 'arr has name';
const obj2 = deepClone(obj1);
console.log(obj2);
無列舉屬性
用for...of...剔除列舉屬性
function deepClone(obj){
const objClone = Array.isArray(obj)?[]:{};
if (obj && Array.isArray(obj)){
//陣列處理
for (let value of obj){
if (typeof value === "object"){
objClone.push(deepClone(value));
}else objClone.push(value);
}
}else if(obj && typeof obj === "object"){
for(let key in obj){
if(obj.hasOwnProperty(key)){
if(obj[key] && typeof obj[key] === "object"){
objClone[key] = deepClone(obj[key]);
}else {
objClone[key] = obj[key]
}
}
}
}
return objClone;
}再次測驗:
const obj1 = {
'name' : 'zs',
'age' : '18',
'num' : [112,[334,[556,[778,[990]]]]]
};
obj1.num.name = 'arr has name';
const obj2 = deepClone(obj1);
console.log(obj2);
問題解決
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/306252.html
標籤：其他
上一篇：js實作添加洗掉表格
下一篇：模塊化的基本概念