Sửa đổi một bản sao của một đối tượng JavaScript đang gây ra đối tượng ban đầu để thay đổi

Question

Tôi sao chép myObj để tempMyObj

var tempMyObj = myObj; 

tempMyObj.entity là một mảng của các đối tượng. Tôi đang sửa đổi tempMyObj.entity dựa trên một số điều kiện. Vấn đề là nếu tôi sửa đổi tempMyObj.entity số myObj.entity cũng đang được sửa đổi.

for (j = 0; j < myObj.length; j++) { 
    if (myObj[j].type == "TableShape") { 
     var dupEntites = new Array(); 
     for (i = 0; i < myObj[j].entities.length; i++) { 
      if (chk.value != myObj[j].entities[i].id) { 
       var obj = {}; 
       obj.text = myObj[j].entities[i].text; 
       obj.id = myObj[j].entities[i].id; 
       dupEntites.push(obj); 
      } 
      else { 
       if (chk.checked) 
       { 
        var obj = {}; 
        obj.text = myObj[j].entities[i].text; 
        obj.id = myObj[j].entities[i].id; 
        dupEntites.push(obj); 
       } 
      } 
     } 
     tempMyObj[j].entities = dupEntites; 
    } 
} 

Answer 1

Rõ ràng là bạn có một số quan niệm sai về những gì tuyên bố var tempMyObj = myObj;.

Trong đối tượng JavaScript được truyền và gán theo tham chiếu (chính xác hơn giá trị của tham chiếu), vì vậy tempMyObj và myObj là cả hai tham chiếu đến cùng một đối tượng.

Dưới đây là một minh họa đơn giản có thể giúp bạn hình dung những gì đang xảy ra

// [Object1]<--------- myObj 

var tempMyObj = myObj; 

// [Object1]<--------- myObj 
//  ^
//   | 
//   ----------- tempMyObj 

Như bạn có thể nhìn thấy sau khi chuyển nhượng, cả hai tài liệu tham khảo được trỏ đến cùng một đối tượng.

Bạn cần phải tạo bản sao nếu bạn cần sửa đổi một bản sao chứ không phải bản kia.

// [Object1]<--------- myObj 

var tempMyObj = jQuery.extend(true, {}, myObj); 

// [Object1]<--------- myObj 
// [Object2]<--------- tempMyObj 

Dưới đây là một vài cách để tạo ra một bản sao của một đối tượng

Vì bạn đang sử dụng jQuery:

var newObject = jQuery.extend(true, {}, myObj); 

Với vanilla JavaScript

function clone(obj) { 
    if (null == obj || "object" != typeof obj) return obj; 
    var copy = obj.constructor(); 
    for (var attr in obj) { 
     if (obj.hasOwnProperty(attr)) copy[attr] = obj[attr]; 
    } 
    return copy; 
} 

var newObject = clone(myObj); 

Xem here và here

Answer 2

Hãy thử sử dụng $.extend():

Tuy nhiên, nếu bạn muốn giữ cả hai đối tượng ban đầu, bạn thể làm như vậy bằng cách thông qua một đối tượng rỗng như mục tiêu:

var object = $.extend({}, object1, object2);

---

var tempMyObj = $.extend({}, myObj);