ホームページ  >  記事  >  ウェブフロントエンド  >  jsでディープコピーのコード共有を実現

jsでディープコピーのコード共有を実現

小云云
小云云オリジナル
2018-02-26 15:28:412146ブラウズ

js でのディープ コピーの実装に関して、最初に理解しておくべきことは、複雑なオブジェクトをコピーするには再帰の考え方が使用されるということです。以下は、コードによる段階的な実装と説明です。

function deepClone(data1,data2){
        var data2 = data2 || {}; //局部变量data2赋初值为接收的参数或者为一个空对象。
        for(var key in data1){            if(typeof data1[key] === 'object'){ //依次判断data1对象的属性是不是对象
                data2[key] =  (data1[key].constructor===Array) ? [] : {}                //判断要复制的项是对象还是数组
                deepClone(data1[key],data2[key]); //递归实现
            }else {
                data2[key] = data1[key] //如果不是的可以直接相等
            }
        }        return data2;
    }    var json = {"name":"小倪子麻麻","age": "20",arr1:[2,3,4,5]};    var json1 = {};
    json1 = deepClone (json,json1);
    json.arr1.pop();
    console.log(json); //{"name":"小倪子麻麻","age": "20",arr1:[2,3,4]};
    console.log(json1);//{"name":"小倪子麻麻","age": "20",arr1:[2,3,4,5]};

関連する推奨事項:

phpの浅いコピーと深いコピーの詳細な説明

JavaScriptオブジェクトの深いコピー

Javaのオブジェクトの深いコピー(ディープクローン)と浅いコピー(シャロークローン)連載

以上がjsでディープコピーのコード共有を実現の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。