利用函数递归来实现深拷贝

最新推荐文章于 2024-03-04 17:12:46 发布

1oneLee

最新推荐文章于 2024-03-04 17:12:46 发布

阅读量429

点赞数

分类专栏： JavaScript 文章标签： javascript css vue.js html html5

本文链接：https://blog.csdn.net/qq_27575925/article/details/108521275

版权

JavaScript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

利用函数递归来实现深拷贝

<!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>
        let obj = {
            name: "zhangbing",
            user: {
                name: "zb"
            },
            data: []
        };

        /* 
        函数说明：实现对象的深拷贝
            params：
                object：待拷贝的对象
            return：
                obj：新拷贝的对象
            author：zhangbing  2020年9月10日19:18:12
            

        */
        function copy(object) {
            // 首先判断是否是数组，如果是数组就将赋值的内容放入[]中，否则放入{}
            let obj = object instanceof Array ? [] : {};
            // Object.entries()可以将对象转换为可迭代的对象 这样就可以使用 for / of 来遍历
            for (const [k, v] of Object.entries(object)) {
                // 递归实现
                // 再判断是对象还是普通的数据类型
                // 如果是对象就通过递归来进一步判断
                // 如果是普通数据类型就直接复制就好
                obj[k] = typeof v == "object" ? copy(v) : v;
            }
            return obj;
        }
        // 调用函数
        let hd = copy(obj);
        hd.data.push("cuc");
        console.log(JSON.stringify(hd, null, 2));
        console.log(JSON.stringify(obj, null, 2));
    </script>
</body>

</html>

控制台输出结果

{
  "name": "zhangbing",
  "user": {
    "name": "zb"
  },
  "data": [
    "cuc"
  ]
}

 {
  "name": "zhangbing",
  "user": {
    "name": "zb"
  },
  "data": []
}

1oneLee

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用函数递归来实现深拷贝

利用函数递归来实现深拷贝<!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>
复制链接

扫一扫

专栏目录