应用场景是给对象赋值,即 把一个对象的值赋给另一个对象
这里采用 粗暴深拷贝 (看到网上的大佬是这么称呼的)
很简单
一句话
// obj 被赋值的对象
// list 用来赋值的对象
obj = JSON.parse(JSON.stringify(list))
以上只能处理 Number
, String
, Boolean
, Array
, 扁平对象,也就是说,只有可以转成JSON
格式的对象才可以这样用
最近看视频学到了通过递归实现深拷贝
var obj = {
id: 1,
name: '小明',
msg: {
age: 18
},
friend: [
'小王',
'小李'
]
}
// 空对象用来保存拷贝后的数据
var o = {}
// instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。
function deepCopy (newObj, oldObj) {
for (var k in oldObj) {
// 判断属性值属于哪种数据类型
// 1. 获取属性值
var item = oldObj[k]
// 2. 判断是否为数组
// 数组也属于object,如果先判断是否为object,会把数组当对象解析,就不会再判断array了
if (item instanceof Array) {
newObj[k] = []
deepCopy(newObj[k], item)
} else if (item instanceof Object) {
// 3. 判断是否为对象
newObj[k] = {}
deepCopy(newObj[k], item)
} else {
// 4. 判断是否为普通数据类型
newObj[k] = item
}
}
}
deepCopy(o, obj)
console.log(o);
o.msg.age = 24
console.log(obj);
浅拷贝只是拷贝一层,更深层次对象级别的只拷贝了其引用(地址),此时数据指向同一个地址,修改任意一项的数据,另一项也都会改变