Javascript đối tượng sao chép sâu

Question

thể trùng lặp:
What is the most efficient way to clone a JavaScript object?

tôi có một đối tượng như thế này:

User = {  
    name: "user", 
    settings: { 
    first: "1", 
    second: "2"  
    }  
} 

và thứ hai:

user1 = { 
    name: "user1", 
    settings: { 
    second: "3" 
    } 
} 

bây giờ tôi muốn sao chép giá trị tùy chỉnh user1 của thành tài khoản, sử dụng:

for(var key in user1){ 
     User[key] = user1[key]; 
    } 

kết quả tài sẽ là:

User = { 
    name: "user1", 
    settings: { 
    second: "3" 
    } 
} 

User.settings đã hoàn toàn thay thế trong khi tôi muốn chỉ settings.second được thay thế.

Làm thế nào để đạt được điều này, mà không biết có bao nhiêu đối tượng con đối tượng chính có?

Answer 1

tôi đã tìm thấy rằng cách tốt nhất để đi là thế này:

http://andrewdupont.net/2009/08/28/deep-extending-objects-in-javascript/

Object.deepExtend = function(destination, source) { 
    for (var property in source) { 
    if (typeof source[property] === "object" && 
    source[property] !== null) { 
     destination[property] = destination[property] || {}; 
     arguments.callee(destination[property], source[property]); 
    } else { 
     destination[property] = source[property]; 
    } 
    } 
    return destination; 
}; 


Object.extend(destination, source); 

gì về điều này?

function clone(destination, source) { 
     for (var property in source) { 
      if (typeof source[property] === "object" && source[property] !== null && destination[property]) { 
       clone(destination[property], source[property]); 
      } else { 
       destination[property] = source[property]; 
      } 
     } 
    }; 

Answer 2

Điều này thực sự rất khó, nhưng điều này sẽ hiệu quả. Tôi khuyên bạn nên làm như những người dùng khác đã đề xuất trong các ý kiến; tìm một thư viện đã tồn tại từ trước sẽ thực hiện việc này cho bạn.

for(var key in user1){ 
    var temp = User[key] 
    User[key] = user1[key]; 
    for(var key1 in temp){ 
     if(User[key][key1] == null){ 
     User[key][key1] = temp[key1]; 
     } 
    } 
} 

Answer 3

Đã lấy phương pháp mở rộng của jQuery và làm cho thư viện trở nên bất khả tri.

Gist: Library agnostic version of jQuery's Extend

của nó được bọc trong một constructor Extender, vì vậy bạn không cần phải nhanh chóng tất cả các phương pháp nội bộ của mình mỗi lần bạn gọi mở rộng phương pháp.

Tuyên bố từ chối trách nhiệm: Tôi chưa thử nghiệm rộng rãi. Về cơ bản nó là bản sao 1: 1 của mở rộng jQuery(), tuy nhiên số dặm của bạn có thể thay đổi.

Sử dụng nó như thế này.

var user1 = { 
    name: "user1", 
    settings: { 
    first: "1", 
     second: {bar: 'foo'} 
    } 
}; 
var user2 = { 
    name: "user2", 
    settings: { 
    second: {foo:'bar'} 
    } 
}; 

/* merge user1 into User */ 
__extend(true, user1, user2); 

// Modifies the User object 
user1.settings.second.foo == 'bar'; // true 

// note, you can do assignment too. 
var newUser = __extend(true, user1, user2); 

See here for more documentation