Całkowicie podstawowe odniesienie Javascript pytanie

Question

Poniższa w konsoli javascript:

var a = {'foo': []}; 
var b = {}; 

for (var key in a) { 
    b[key] = a[key]; 
} 

a['foo'].push(1); 

console.log(b); 

Wynik:

Object foo=[1]

chcę zrobić kopię przez wartości w B każdej tablicy dla każdego klawisza w za. Czy istnieje prostszy sposób?

Answer 1

To się nazywa Deep Copy. Można znaleźć przykłady w:

• http://www.overset.com/2007/07/11/javascript-recursive-object-copy-deep-object-copy-pass-by-value/
• (Deep) copying an array using jQuery

Answer 2

Prostszy sposób:

var a = {'foo': []}; 
var b = a; 

a['foo'].push(1); 

console.log(b); 

wyjściowa jest taka sama.

Edit:

var a = {'foo': []}; 
var b = {}; 

for (var key in a) { 
    if (a.hasOwnProperty(key)) { 
     b[key] = []; 
     for (var i = 0; i < a[key].length; i += 1) { 
      b[key][i] = a[key][i]; 
     } 
    } 
} 

a['foo'].push(1); 

console.log(b); 

Answer 3

Można zrobić "klon" funkcję, która tworzy nowy obiekt, w oparciu o oryginalny obiektu constructor, a następnie sklonować że oryginalne właściwości obiektu także jeśli są obiektami:

function clone(obj){ 
    if(typeof(obj) != 'object' && obj != null) 
    return obj; // return the value itself if isn't an object 
       // or null, since typeof null == 'object'; 

    var temp = new obj.constructor(); 

    for(var key in obj) 
     temp[key] = clone(obj[key]); 
    return temp; 
} 


var a = {'foo': []}; 
var b = clone(a); 

a['foo'].push(1); 

console.log(b); // Object foo=[0] 

Answer 4

jak ta doda wsparcie dla głęboko kopiowanie tablic w kodzie:

var a = {'foo': []}; 
var b = {}; 

for (var key in a) { 
    if (Object.prototype.toString.call(b[key]) === "[object Array]") { 
     b[key] = a[key].slice(0); 
    } else { 
     b[key] = a[key]; 
    } 
} 

a['foo'].push(1); 

console.log(b);