展示型网站解决方案,石家庄互联网开发,公司名字大全两个字,玉溪市建设局网站深拷贝#xff1a;修改复制对象#xff0c;原始对象不会变化浅拷贝#xff1a;修改复制对象#xff0c;原始对象也变化
方式#xff1a;
遍历赋值Object.create()JSON.parse()和JSON.stringify()
操作的对象
var obj {a: Hello,b: {a: world…深拷贝修改复制对象原始对象不会变化浅拷贝修改复制对象原始对象也变化
方式
遍历赋值Object.create()JSON.parse()和JSON.stringify()
操作的对象
var obj {a: Hello,b: {a: world,b: 111,},c: [11, Jack, Tom],
};
1、浅拷贝
1-1、遍历赋值
// 浅拷贝
function simpleCopy(o) {var o_ {};for (let i in o) {o_[i] o[i];}return o_;
}var newObj simpleCopy(obj);
newObj.b.a WORLD;
console.log(obj);console.log(newObj);/**
obj 和 newObj都变了
b: { a: WORLD, b: 111}}
*/
1-2、Object.create()
var newObj Object.create(obj);
newObj.b.a WORLD;console.log(obj);
// b: {a: WORLD, b: 111}
console.log(newObj);
// __proto__:
// b: {a: WORLD, b: 111}2、深拷贝
2-1、遍历赋值
function deepCopy(object, deepObjectnull) {let deepObj deepObject || {};for (let i in object) {if (typeof object[i] object) {// 引用类型 [] {} nullif(object[i] null){deepObj[i] object[i];} else{deepObj[i] object[i].constructor Array ? []: {}// deepObj[i] object[i].constructor Array ? []: Object.create(null);deepCopy(object[i], deepObj[i])}} else{// 简单数据类型deepObj[i] object[i];}}return deepObj;
}var newObj deepCopy(obj);
newObj.b.a WORLD;console.log(obj);
// b: {a: world, b: 111}
console.log(newObj);
// b: {a: WORLD, b: 111}
2-2 JSON
function deepCopy(o) {return JSON.parse(JSON.stringify(o));
}var newObj deepCopy(obj);
newObj.b.a WORLD;console.log(obj);
// b: {a: world, b: 111}
console.log(newObj);
// b: {a: WORLD, b: 111}
