javascript オブジェクトをコピーまたはマージする

javascript オブジェクトをコピーまたはマージする

javascriptで、Object.assignを使用してオブジェクトをコピーまたはマージするサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

Object.assign使い方

Object.assignを使用して、オブジェクトをコピーまたはマージすることが可能です。

コピーは、第1引数に「{}」を指定することで可能です。

マージする場合は、第1引数に指定したオブジェクトもマージされます。

同じ値の場合は、第2引数に指定オブジェクトの値が優先されます。

オブジェクトがネストされていても、マージは可能です。

実行結果

サンプルコード

以下は、
「マージ」ボタンをクリックすると、用意したオブジェクトをマージして表示する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

オブジェクトがマージされていることが確認できます。