ディープコピー（深いコピー） とは？

元のデータを絶対に壊したくないとき。たとえば「変更前の状態を保存してUndo機能を作る」「テストでオリジナルデータを汚さずにテスト用データを作る」といった場面。逆にネストがない単純なオブジェクトならシャローコピーで十分。

ブラウザとNode.jsに組み込まれたネイティブのディープコピー関数。structuredClone(obj) と書くだけで完全なコピーが得られる。Dateや Map, Set もコピーできる。ライブラリ不要で使えるので、今はこれが第一選択。

シンプルなオブジェクトなら動くけど、関数は消える、undefinedは消える、Dateは文字列になる、循環参照はエラーになる、と制約が多い。structuredCloneならこれらの問題の大部分を解決してくれる。

Reduxなどの状態管理で「前の状態を壊さずに新しい状態を作る」ときによく必要になるよ。たとえばユーザーの設定オブジェクトを変更するとき、シャローコピーだとネストしたオブジェクトが元のデータと共有されていて、意図しない変更が起きるバグが生まれるんだ。実はReactの再レンダリング判定は参照の比較（===）で行われるから、ディープコピーで新しい参照を作ることでUIの更新をトリガーできる。ただし毎回ディープコピーするとパフォーマンスが悪いから、Immer.jsの「構造共有」のように変更部分だけ新しいオブジェクトを作る手法が実践的だよ。