Javascript如何複製對象

藏色散人
發布: 2023-01-05 16:14:12
原創
16096 人瀏覽過

Javascript複製物件的方法:1、把原來物件的屬性遍歷一遍,賦給一個新的物件;2、將物件變成字串,然後再變成json物件;3、concat一個空數組;4、透過擴展運算子實現物件的深拷貝;5、透過ES6擴展運算子實現數組的深拷貝。

Javascript如何複製對象

本文操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

js如何複製一個物件?

方法一:

把原來物件的屬性遍歷一遍,賦給一個新的物件。

//深复制对象方法 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
登入後複製

方法二:

1). 先將物件變成字串,然後再變成json對象,防止物件的指標指向問題,為深拷貝

2). undefined 和function 類型的屬性會被忽略,而Date 類型的屬性則會被轉換為字串

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

方法三:

##針對陣列物件的方法,用陣列方法concat一個空數組

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

方法四:


#擴充運算子實作物件的深拷貝

var obj = { name: 'FungLeo', sex: 'man', old: '18'}var { ...obj2 } = obj obj.old = '22'console.log(obj) console.log(obj2)
登入後複製

方法五:


ES6擴充運算子實作陣列的深拷貝

var arr = [1,2,3,4,5]var [ ...arr2 ] = arr arr[2] = 5console.log(arr) console.log(arr2)
登入後複製


#推薦學習:《

javascript進階教程

#

以上是Javascript如何複製對象的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!