JavaScript 深度克隆-题

最新推荐文章于 2023-05-13 11:58:27 发布
Sukie_
最新推荐文章于 2023-05-13 11:58:27 发布
阅读量228
点赞数 2
分类专栏：学习笔记
本文链接：https://blog.csdn.net/Lin16819/article/details/90679063
版权
学习笔记专栏收录该内容
4 篇文章 3 订阅
订阅专栏
JavaScript 实现克隆对象
<!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 type="text/javascript">
        // 题意：把一个已有对象(包括其属性，方法)克隆给另一个新对象。
        // 已有对象
        var obj = {
            name: "abc",
            age: 123,
            card: ['visa', 'master'],
            wife: {
                name: 'bcd',
                son: {
                    name: 'aaa'
                }
            }
        }
        // 新对象
        var obj1 = {

        }

        // 思路分析：
        // 遍历对象属性用for in循环
        // 1.判断原对象的属性是不是原始值，原始值直接拷贝复制  可用typeof
        // 2.如果原属性是引用值（如card、wife）则判断它是数组还是对象（三种方法instanceof、constructor、toString)
        //   是数组类型建立新[]，是对象类型建立新{}
        // 3.创建好后 再按1-3步循环判断原引用值属性里的东西（如card和wife里的东西）
        // 4.递归                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 


        //克隆方法
        function deepClone(origin, target) {
            var target = target || {}; //有形参用形参，无则新建一个对象
            var toStr = Object.prototype.toString; //简化toString的调用
            var arrStr = "[object Array]";

            //1.遍历原有对象的属性
            for (var prop in origin) {
                //2.先判断是否为对象自己的属性，排除原型的属性
                if (origin.hasOwnProperty(prop)) {
                    //3.判断原属性是引用值(且不为null)，否则是原始值
                    if (typeof (origin[prop]) == 'object' && origin[prop] !== "null") {
                        //4.是数组类型建立[]，是对象类型建立{}
                        if (toStr.call(origin[prop]) == arrStr) {
                            target[prop] = [];
                        } else {
                            target[prop] = {};
                        }
                        //忽略：这里也可以用‘三目运算符’表示
                        //忽略：target[prop] = toStr.call(origin[prop] == arrStr)? [] : {};

                        //再判断属性里的东西
                        deepClone(origin[prop], target[prop]);
                    }else { 
                        target[prop] = origin[prop];
                    }
                }
            }
            return target;
        }
    </script>
</body>

</html>
Sukie_
关注
2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 深度克隆-题

JavaScript 实现克隆对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m...
复制链接

扫一扫