ホームページ  >  記事  >  ウェブフロントエンド  >  jsでオブジェクトをコピーするにはどうすればよいですか? (画像とテキストのチュートリアル)

jsでオブジェクトをコピーするにはどうすればよいですか? (画像とテキストのチュートリアル)

亚连
亚连オリジナル
2018-05-18 16:21:301670ブラウズ

以下は、js でオブジェクトをコピーする方法についてまとめたものです。興味のある学生はご覧ください。

方法 1:

元のオブジェクトのプロパティを調べて、それらを新しいオブジェクトに割り当てます。

//深复制对象方法    
var cloneObj = function (obj) {  
    var newObj = {};  
    if (obj instanceof Array) {  
        newObj = [];  
    }  
    for (var key in obj) {  
        var val = obj[key];  
        //newObj[key] = typeof val === 'object' ? arguments.callee(val) : val; //arguments.callee 在哪一个函数中运行,它就代表哪个函数, 一般用在匿名函数中。  
        newObj[key] = typeof val === 'object' ? cloneObj(val): val;  
    }  
    return newObj;  
};  
//测试    
var obj = {a:function(){console.log(this.b.c)},b:{c:1}},//设置一个对象  
newObj = cloneObj(obj);//复制对象  
newObj.b.c=2;//给新对象赋新值  
obj.a();//1,不受影响  
newObj.a();//2

方法 2:

オブジェクトをシリアル化してから解析し直す。オブジェクトに関数がある場合、正しくコピーできません。

var obj = {a:1,b:2}  
var newObj = JSON.parse(JSON.stringify(obj));  
newObj.a=3;  
console.log(obj);  
console.log(newObj);

方法 3:

配列オブジェクトのメソッドには、array メソッドを使用します。空の配列を連結するには

var a=[1,2,3];  
var b=a;  
var c=[].concat(a);  
a.push(4);  
console.log(b);  
console.log(c);

上記は私が皆さんのためにまとめたもので、将来皆さんのお役に立てれば幸いです。

関連記事:

JSは入力番号認証コードの小数点以下2桁を保持する

JSは1桁を保持し、数字以外を削除する

JSのページ更新方法まとめ

以上がjsでオブジェクトをコピーするにはどうすればよいですか? (画像とテキストのチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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