シャローコピー(shallow copy)とディープコピー(deep copy)の違い | nansystem
変更前後の値を比較する際に、ディープコピーが使われる。 例えば、商品の管理画面を作成しているとする。 商品名や説明、金額を変更できるが、管理画面を使っている人は変更前はどんな値だったか確認しながら変更したいと思う。変更前の値と変更後の値を比較するには、変更前の値をどこかに保持しておかねばならない。そこでディープコピーが使われる。 ここでシャローコピーを使うと、新たに入力された値が、コピーしておいた値も変更してしまうことになる。 この記事ではObject.assignでのシャローコピーと、JSON.parse(JSON.stringify(obj))でのディープコピー、lodashのcloneDeepでのディープコピーを比較する。 # シャローコピーとディープコピーの違い シャローコピー(浅いコピー)はプリミティブ値(文字列、数値、真偽値、null、undefined、Symbol)をコピー
【JavaScript】オブジェクトのディープコピーが標準機能で使えるようになりました
はじめに 個人的にずっと待ちわびてた機能がついに標準搭載されました。 オブジェクトのディープコピーを行ってくれる structuredClone です。 今回はこのメソッドがどんな恩恵をもたらしてくれたのか、またできることできないことをサンプルで確認しながら解説していきます。 シャローコピーとディープコピー まずは、タイトルにも書いてるディープコピーについて理解が必要なので簡単に解説します。 対比であるシャローコピーも交えて比較しながら挙動を確認してみます。 シャローコピー シャローコピーは名前通り浅い(shallow)コピーです。具体的に JavaScript では 1 階層までコピーするという意味で使われます。 シャローコピーのやり方は以下です。 const obj = { a: "a", b: { bb: "bb", }, }; // やり方1 スプレッド構文でのコピー const
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
