js 深度克隆

最新推荐文章于 2025-03-27 18:06:04 发布

weixin_30411819

最新推荐文章于 2025-03-27 18:06:04 发布

阅读量81

点赞数

CC 4.0 BY-SA版权

文章标签： json

原文链接：http://www.cnblogs.com/chris-zy/p/11174001.html

博客介绍了JS中的两种赋值形式，即值引用和址引用，一般对象赋值为地址引用，修改新对象会改变内存区地址上的值。为实现值引用，引入深度克隆概念，还提到一种实现方式是利用JSON转换，并欢迎大家补充这种转换方式的弊端。

js中赋值主要有两种赋值形式，一种是值引用，另一种是址引用（地址）。

一般对象赋值的时候，都是地址引用，所以在修改新对象的时候，其实修改了在内存区地址上的值。

为了达到值引用的效果，所以有深度克隆的概念。 ps：自己理解的，被误导了别怪我

实现方式一：

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] = {}
                }
                deepClone(origin[prop], target[prop])
            }
        } else {
            target[prop] = origin[prop];
        }
    }
    return target;
}

　　实现方式二：利用JSON转换

function deepClone(origin,target){
    var target = target || {};
    target = JSON.parse(JSON.stringify(origin));
    return target;
}

　　不知道大家为什么不喜欢用json转换，不知道这样转的弊端，欢迎大家补充。

转载于:https://www.cnblogs.com/chris-zy/p/11174001.html