怎么在Javascript中復制對象

怎么在Javascript中復制對象？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

javascript是一種什么語言

javascript是一種動態類型、弱類型的語言，基于對象和事件驅動并具有相對安全性并廣泛用于客戶端網頁開發的腳本語言，同時也是一種廣泛用于客戶端Web開發的腳本語言。它主要用來給HTML網頁添加動態功能，現在JavaScript也可被用于網絡服務器，如Node.js。

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中復制對象問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。