JSでオブジェクトの可変かつ不変のコピーを作成する方法

Question

追加のライブラリを使用せずに、オブジェクトの不変なコピーを作成し、変更可能なコピーを保持する方法を教えてください。

var mutableCopy = immutableData; 

Object.freeze(immutableData); 

mutableCopy.newProp = 'mutated!'; 

console.log(mutableCopy.hasOwnProperty('newProp')); // false 

Object.freeze()も参照によってオブジェクトをフリーズするようです。

オブジェクトの変更可能で不変なコピーを作成するにはどうすればよいですか？

Answer 1

var objCopy = {}; 

for (var propKey in objToClone) 
    objCopy[ propKey ] = objToClone[ propKey ]; 

あなたが好きなようにobject.freeze。あなたは、より複雑な/深いオブジェクトをしましたし、それらのより深い性質を変異させる必要がある場合、私はおそらくちょうど

var objCopy = JSON.parse(JSON.stringify(objToClone)); 

Answer 2

これでは、参照渡しと値渡しの問題が少し間違っています。実際には、参照渡しは最初の行で行われます。 mutableCopyとimmutableDataの両方がJSヒープ上の同じオブジェクトを指しています。

あなたがすべきことは、古いオブジェクトの複製である新しいオブジェクトを作成することです。次に、新しいオブジェクトをフリーズすると、変更を防止しながら、変更可能なコピーとして古いオブジェクトが残されます。

var newObj = {} 
for (var key in obj) { 
    if (obj.hasOwnProperty(key)) { 
     newObj[key] = obj[key]; 
    } 
} 

Object.freeze(newObj); 

もちろん、新しいオブジェクトに変更可能なコピーを作成し、古いオブジェクトを変更可能なコピーに変更することができます。