シャローコピーとディープコピー

Nuxt.jsの勉強で出てきたオジェクトコピーの用語

シャローコピー 配下の構造のオブジェクトを参照コピーする。 コピーしたオブジェクトの値を変更すると、コピー元の値も変わってしまう。 参照コピーなので当たり前か。

ディープコピー 配下の構造のオブジェクトを値コピーする。 コピーしたオブジェクトの値を変更しても、コピー元の値は変わらない。

Javascriptでディープコピーをやる場合は、 loadshというライブラリを使うとcloneDeep()関数でできちゃうから楽。

npmでインストールするといいよ。