独立したオブジェクトの複製

前章にてオブジェクトはlet product2 = product1のようにすると、元のオブジェクトを編集した場合に、コピーしたオブジェクトも編集されると説明しましたが、複製されない方法として、スプレッド構文を利用したコピーの方法があります。スプレッド構文とは、オブジェクトや配列のプロパティや要素を展開するもので、...product2とすると、name: 'りんご', price: 100のように展開でき、それを{}の中に格納することで、同じプロパティを持つオブジェクトを生成することができます。しかし、各プロパティのアドレスもそれを参照するアドレスも異なるので、全く別のオブジェクトが生成されます。

index.js◎

...
onsole.log(product2);

const product3 = { ...product1 };
console.log(product3);