关于程序中的深浅拷贝,以js逻辑代码为例,我们经常遇到array或object的重新赋值(变量切换),这其中就牵扯到了栈和堆映射,这里我们如果不深入理解开发底层逻辑,就可以把栈理解成一个索引,就是我们设置的变量,而堆是array或object数据存放的虚拟内存。
当我们直接把一个变量复制到另一个变量上,只是单纯的复制了索引,索引指向的还是堆中同一个array或object,改变堆中的array或object,两个索引变化是一样的,但是当所以指向的是字符串时,字符串是不会放在堆中的,就是栈中的索引,所以深浅拷贝方法如下:
方法一:JSON.stringify(),JSON.parse()(ps:字符串和执行脚本赋值切换)
ex:下面展示一些 内联代码片
。
var obj = {
a:111,
b:222,
c:333
}
var obj1 = obj;
var obj2 = JSON.parse(JSON.stringify(obj));
obj.a = 444;
console.log(obj1) // { a: 444, b: 222, c: 333 }
console.log(obj2) // { a: 111, b: 222, c: 333 }
方法二:递归循环拷贝
ex:下面展示一些 内联代码片
。
// 定义一个深拷贝函数 接收目标target参数
function deepClone(target) {
// 定义一个变量
var result;
// 如果当前需要深拷贝的是一个对象的话
if (typeof target === 'object') {
// 如果是一个数组的话
if (Array.isArray(target)) {
result = []; // 将result赋值为一个数组,并且执行遍历
for (var i in target) {
// 递归克隆数组中的每一项
result.push(deepClone(target[i]))
}
// 判断如果当前的值是null的话;直接赋值为null
} else if(target===null) {
result = null;
// 判断如果当前的值是一个RegExp对象的话,直接赋值
} else if(target.constructor===RegExp){
result = target;
}else {
// 否则是普通对象,直接for in循环,递归赋值对象的所有值
result = {};
for (var i in target) {
result[i] = deepClone(target[i]);
}
}
// 如果不是对象的话,就是基本数据类型,那么直接赋值
} else {
result = target;
}
// 返回最终结果
return result;
}
以上就是两种思想的实现方法,当然实现手段可以各种表现。