深拷贝-递归调用

最新推荐文章于 2022-11-27 23:11:54 发布

JoZq

最新推荐文章于 2022-11-27 23:11:54 发布

阅读量172

点赞数

文章标签： js

本文链接：https://blog.csdn.net/weixin_45838680/article/details/107092112

版权

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body>

    <script>
        // 1. 要拷贝的对象
        var obj = {
            name: '撩课',
            age: 18,
            friends: ['小花', '小黑'],
            goodF: {
                name: '小撩',
                age: 19,
                adress: '上海',
                pets: [{
                    name: '土豆'
                }, {
                    name: '马铃薯'
                }]
            },
            bir: new Date()
        };


        function deepCopyObj2NewObj(fromObj, toObj) {
            //  在函数中先检查第一个参数是否有值，
            //  如果没有值那么就初始化一个空的对象
            for (var key in fromObj) { // 遍历fromObj
                var fromValue = fromObj[key];
                if (!isObj(fromValue)) { // 如果是简单类型
                    toObj[key] = fromValue; // 直接拷贝到toObj
                } else {
                    // 如果是引用类型，那么就再调用一次这个方法，去内部拷贝这个对象的所有属性
                    var temObj = new fromValue.constructor; // temObj为空实例对象
                    deepCopyObj2NewObj(fromValue, temObj); // 递归调用  将复杂数据类型分解成简单类型赋值
                    toObj[key] = temObj
                }
            }
        }

        function isObj(obj) {
            return obj instanceof Object;
        }

        function isArr(obj) {
            return Array.isArray(obj);
            // return Object.prototype.toString.call(obj) === '[object Array]'
        }

        var newObj = {};
        deepCopyObj2NewObj(obj, newObj);

        obj.goodF.pets[0]['size'] = '100px';

        console.log(obj);
        console.log(newObj);
    </script>
</body>

</html>

JoZq

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
深拷贝-递归调用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <script> // 1. 要拷贝的对象 var obj = { name: '撩课', age: 18
复制链接

扫一扫