什么是深拷贝和浅拷贝,如何进行深拷贝
一、了解深浅拷贝前先来了解一个堆区、栈区
栈区存放基础数据类型的值(引用或常量)
堆区存放引用数据类型的值
浅拷贝:直接赋值地址
深拷贝:在内存中新建一个新的拷贝对象,将引用赋值
二、数组深拷贝
0.浅拷贝
var arr = [1,2,3,4]
var newArr = arr
for(i=0;i<arr.length;i++){
newArr[i] = arr[i]
}
newArr.pop()
console.log(arr);//[ 1, 2, 3 ]
console.log(newArr);//[ 1, 2, 3 ]
1.for循环拷贝
var arr = [1,2,3,4]
var newArr = []
for(i=0;i<arr.length;i++){
newArr[i] = arr[i]
}
newArr.pop()
console.log(arr);//[ 1, 2, 3, 4 ]
console.log(newArr);//[ 1, 2, 3 ]
2.slice()
var arr = [1, 2, 3, 4]
var newArr = arr.slice(0)
newArr.pop()
console.log(arr);//[ 1, 2, 3, 4 ]
console.log(newArr);//[ 1, 2, 3 ]
3.concat()
var arr = [1, 2, 3, 4]
var newArr = [].concat(arr)
for (i = 0; i < arr.length; i++) {
newArr[i] = arr[i]
}
newArr.pop()
console.log(arr);//[ 1, 2, 3, 4 ]
console.log(newArr);//[ 1, 2, 3 ]
4.ES6的扩展运算符…
var arr = [1, 2, 3, 4]
var newArr = [...arr]
newArr.pop()
console.log(arr);//[ 1, 2, 3, 4 ]
console.log(newArr);//[ 1, 2, 3 ]
三、对象深拷贝
方法1:使用 JSON.parse(JSON.stringify(obj));
var obj={
name:'zhangsan',
age:12
}
var obj1=JSON.parse(JSON.stringify(obj));
obj1.name='lisi';
console.log(obj1,obj)
方法2:第三方库lodash 的cloneDeep
var _ = require('lodash');
var obj = {
name:'zhangsan',
age: 18
}
// 使用cloneDeep方法
var obj2 = _.cloneDeep(obj);
obj2.age = 20;
console.log(obj); // { name: 'zhangsan', age: 18 }
console.log(obj2); // { name: 'zhangsan', age: 20 }
四、结语
深浅拷贝是常见的面试题之一,虽然不难,但是如果你能在面试的时候提上一嘴,还是很能证明你的基础牢固的,我相信面试官也觉得你对基础掌握的很不错的啦。看到这了,这不点个赞再走~谢谢啦!