如何实现深浅拷贝

目录

(一)浅拷贝

(二)深拷贝


(一)浅拷贝

(1)浅拷贝是什么:将原对象或原数组的引用直接赋给新对象,新对象/数组只是原对象的一个引用,当其中一个对象进行改变时,另一个对象也会改变

(2)浅拷贝的实现方法

Object.assign(参数1,参数2)、扩展运算符..arr、Array.prototype.concat()、Array.prototype.slice()

(二)深拷贝

深拷贝是什么:指源对象与拷贝对象互相独立,其中任何一个对象的改动都不会对另外一个对象造成影响

如何进行深拷贝:(1)递归法

  • 用到函数递归
  • 进行普通拷贝的时候直接进行赋值,如果遇到数组,把数组筛选出来再次用递归
  • 如果遇到对象,把对象筛选出来再次用递归
  • 先数组后对象

简单代码实现

 const  obj={

            name:'小开心',

            age:18,

            hobby:['跑步','唱歌'],

            family:{

                sister:'开心果',

                brother:'开心豆'

            }

        }

        // 进行拷贝,写拷贝函数

        function deepCopy(newObj,oldObj){

            // k代表属性名

            for(let k in oldObj){

                if(oldObj[k] instanceof Array){

                    newObj[k]=[]

                    deepCopy(newObj[k],oldObj[k])

                }else if(oldObj[k] instanceof Object){

                    newObj[k]={}

                    deepCopy(newObj[k],oldObj[k])

                }

                else {

                    newObj[k]=oldObj[k]

                }

            }

        }

        const newObj={}

        deepCopy(newObj,obj)

        // 修改新对象中的值,不影响旧对象

        newObj.hobby[0]='跳舞'

        console.log(newObj)

        console.log(obj)

 (2)JS库lodash里面cloneDeep内部实现深拷贝

如何使用

(2.1)先进行引入lodash.min.js

<script src="lodash.min.js"></script>

(2.2)拷贝

 const newObj=_.cloneDeep(obj)

 (2.3)验证

  newObj.family.brother='开心弟'

        console.log(newObj)

        console.log(obj)

 (3)JSON深拷贝

       const newObj= JSON.parse(JSON.stringify(obj))

猜你喜欢

转载自blog.csdn.net/qq_50582468/article/details/129668592