js引用数据类型深拷贝

最新推荐文章于 2023-09-19 13:50:19 发布

大大大程序员

最新推荐文章于 2023-09-19 13:50:19 发布

阅读量349

点赞数 1

分类专栏：校园学习文章标签：数据类型深拷贝深克隆堆 js

本文链接：https://blog.csdn.net/weixin_43371610/article/details/100149648

版权

校园学习专栏收录该内容

12 篇文章 0 订阅

订阅专栏

js引用数据类型深拷贝

js引用数据类型存在堆中，指针指向内存地址，单纯的拷贝会让两个变量指向同一个地址，一个更改两者都会更改，所以为了解决这个问题，我们要用到下面的深拷贝：
一递归

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        let obj={
            name:'zs',
            aa:{
                bb:1
            }
        }
        function deepclone(obj){
            let newobj=Array.isArray(obj)== 'ture' ? []:{};
            console.log(newobj);
            for(let key in obj){
                if(obj[key] !=null && typeof obj[key]=='object'){
                    newobj[key]=deepclone(obj[key]);
                }else{
                    newobj[key]=obj[key];
                }
            }
            return newobj;
        }
       let cloneobj= deepclone(obj);
       console.log(obj);
       console.log(cloneobj);
       cloneobj.name='ls';
       cloneobj.aa.bb=10;
       console.log(obj);
       console.log(cloneobj);
    </script>
</body>
</html>

原理：