JS快速实现深拷贝--一行就搞定了
程序员文章站
2022-06-28 13:13:15
实现深拷贝的方式一:封装一个函数,判断数据类型,利用递归,实现深拷贝。 let obj = { name: '1张三丰', age: 22, messige: { sex: '男', score: 16 }, color: ['red', 'purple', 'qing'] } let....
- 实现深拷贝的方式一:封装一个函数,判断数据类型,利用递归,实现深拷贝。
let obj = {
name: '1张三丰',
age: 22,
messige: {
sex: '男',
score: 16
},
color: ['red', 'purple', 'qing']
}
let be = {};
function kao(be, obj) {
/// key代表obj的键,obj[key]代表的值
// newObj[key] = obj[key];// 返现问题啦,如果obj[key]是复杂数据类型,就不可以赋值\
// 如果obj[key]是数组,那么需要继续遍历
// 再如果obj[key]是对象,那么又需要遍历
// 否则newObj[key] = obj[key]
for (var key in obj) {
if (obj[key] instanceof Array) { // 如何判断是不是数组
be[key] = []; //确保是 数组
kao(be[key], obj[key]) // forin 也可以遍历数组
} else if (obj[key] instanceof Object) {
be[key] = {};
kao(be[key], obj[key]);
} else {
be[key] = obj[key];
}
}
}
kao(be, obj);
obj.messige.score = 9999999999;
console.log(obj); //messige: {sex: "男", score: 9999999999}
console.log(be); //messige: {sex: "男", score: 16}
快速实现深拷贝方式二(这种方式有一定的弊端,不推荐使用):
let ar = {
name:'zs',
age:19,
progeny:{
name:'son',
age:18
}
};
let obj = JSON.parse(JSON.stringify(ar));
ar.progeny.age = 9999999999999999;
console.log(ar); // {name: "son", age: 10000000000000000} 就贴出一部分打印内容
console.log(obj); //progeny: {name: "son", age: 18}
本文地址:https://blog.csdn.net/weixin_47988564/article/details/107483539
上一篇: 十大经典排序算法(动图演示)
下一篇: 前端之CSS的零散知识总结