什么是深拷贝和浅拷贝,如何进行浅拷贝?

本文详细讲解了深拷贝与浅拷贝的概念,通过数组和对象的示例演示如何实现深拷贝,包括使用for循环、slice、concat和ES6扩展运算符。重点介绍了对象深拷贝的方法,如JSON.parse和lodash的cloneDeep。适合提升基础编程理解。
摘要由CSDN通过智能技术生成

什么是深拷贝和浅拷贝,如何进行深拷贝

一、了解深浅拷贝前先来了解一个堆区、栈区

请添加图片描述

栈区存放基础数据类型的值(引用或常量)
堆区存放引用数据类型的值

浅拷贝:直接赋值地址
深拷贝:在内存中新建一个新的拷贝对象,将引用赋值

二、数组深拷贝

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 }
四、结语

          深浅拷贝是常见的面试题之一,虽然不难,但是如果你能在面试的时候提上一嘴,还是很能证明你的基础牢固的,我相信面试官也觉得你对基础掌握的很不错的啦。看到这了,这不点个赞再走~谢谢啦!
请添加图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值