JavaScriptにおけるshallow copyとdeep copyの違いを理解する

JavaScriptでオブジェクトをコピーする際に、「shallow copy（浅いコピー）」と「deep copy（深いコピー）」という言葉をよく耳にするかと思います。本記事では、これら二つの違いについて、シンプルな例を用いて分かりやすく説明します。 Shallow Copy（浅いコピー）とは shallow copyは、元のオブジェクトのプロパティを1階層だけコピーします。つまり、オブジェクトの最上位にあるプロパティはコピーされますが、ネストされたオブジェクトや配列などの複雑なデータ構造は、参照がコピーされるだけです。 例：Shallow Copyの動作 以下のコードを見てみましょう。 const original = { name: "Alice", details: { age: 25, city: "Tokyo" } }; const shallowCopy = { ...ori