JavaScript 实现深度拷贝

最新推荐文章于 2025-08-06 16:42:26 发布

转载最新推荐文章于 2025-08-06 16:42:26 发布 · 53 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/FashionDoo/p/10631693.html

文章标签：

#javascript #ViewUI

本文介绍了一个用于实现JavaScript对象深度拷贝的方法。通过递归遍历源对象的所有属性，并判断属性类型来完成拷贝过程，避免了引用类型导致的修改源数据问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var obj = {
            name: "abc",
            age: 123,
            card: ['visa', 'master'],
            wife: {
                name: 'bcd',
                son: {
                    name: 'aaa'
                }
            }
        }
        var obj1 = {

        }
        //深度拷贝
        function deepClone(origin, target) {
            var target = target || {},
                toStr = Object.prototype.toString,
                arrStr = "[object Array]";
            for (var prop in origin) {
                if (origin.hasOwnProperty(prop)) {
                    if (origin[prop] !== "null" && typeof (origin[prop]) == 'object') {
                        // 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;
        }
        deepClone(obj, obj1);