浅拷贝与深拷贝代码(javascript)

最新推荐文章于 2022-11-04 19:54:47 发布

置顶羊阳洋丶

最新推荐文章于 2022-11-04 19:54:47 发布

阅读量1.1k

点赞数

分类专栏： web学习笔记文章标签： js javascript

本文链接：https://blog.csdn.net/weixin_44638167/article/details/108890479

版权

web学习笔记专栏收录该内容

56 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 浅拷贝只拷贝第一层,深一层的只拷贝拷贝地址
        var b={
            id:1,
            name:"name",
            msg:{
                age:20
            }
        }
        //老方法循环浅拷贝
        var o={};
        for (var k in b){
            o[k]=b[k];
        }
        console.log(o);
        // msg属于深一层,所以拷贝地址,一个改变了就都改变,o里面也会变
        o.msg.age=2;
        console.log(b);
        // Object.assign是浅拷贝的方法,将后面的拷贝进第一个
        Object.assign(o,b);
        console.log(o);
        console.log("---深拷贝deepCopy---");
        var obj={
            id:1,
            name:"andy",
            msg:{
                age:18
            }
        }
        var ob={}
        //深拷贝全部拷贝,而且不会因为值改变而改变值.
        function getDeep(newObject,oldObject){
            for (var k in oldObject){
                if (oldObject[k] instanceof Array){
                    newObject[k]=[];
                    getDeep(newObject[k],oldObject[k]);
                }else if (oldObject[k] instanceof Object){
                    newObject[k]={};
                    getDeep(newObject[k],oldObject[k]);
                }else{
                    newObject[k]=oldObject[k];
                }
            }
        }
        getDeep(ob,obj);
        console.log(ob);
    </script>
</body>
</html>

羊阳洋丶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
浅拷贝与深拷贝代码(javascript)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&gt
复制链接

扫一扫