JavaScriptで参照しない値を割り当てます

Question

JavaScriptでオブジェクトを割り当てる際に少し問題があります。

私の問題を再現するこのサンプルコードを見てください。

var fruit = {
   name: "Apple"
};

var vegetable = fruit;
vegetable.name = "potatoe";
console.log(fruit);

記録する

Object {name: "potatoe"}

オブジェクトの参照ではなく値を別のオブジェクトに割り当てるにはどうすればよいですか？

Answer 1

Object.assign を使用できます。

var fruit = {
   name: "Apple"
};

var vegetable = Object.assign({}, fruit);
vegetable.name = "potatoe";
console.log(fruit);