JavaScript/オブジェクト/2つのオブジェクトをマージするの変更点

追加された行はこの色です。
削除された行はこの色です。
JavaScript/オブジェクト/2つのオブジェクトをマージするへ行く。
JavaScript/オブジェクト/2つのオブジェクトをマージするの差分を削除

#author("2021-03-06T13:06:07+09:00","default:ryuichi","ryuichi")
#author("2021-03-06T13:08:03+09:00","default:ryuichi","ryuichi")
* 2つのオブジェクトをマージする [#f58c0fd5]

** Object.assign() [#d26c7ef7]

 const m = {
     a: 1,
     b: 2,
 };
 const n = {
     a: 10,
     c: 30
 };
 
 const x = Object.assign(m,n);
 console.log(x);
 
   => { a: 10, b: 2, c: 30 }

** Object.keys() [#y2aaa4b8]

 const m = {
     a: 1,
     b: 2,
 };
 const n = {
     a: 10,
     c: 30
 };
 
 const keys = Object.keys(n);
 let x = m;
 keys.forEach((k) => {
     if (m.hasOwnProperty(k)) {
         x[k] = n[k];
     }
 })
 console.log(x);
 
   => { a: 10, b: 2 }

- マージ対象のキーを絞り込みたい場合などに使う

** スプレット演算子 (...) [#bb978caf]

 const m = {
   a: 1,
   b: 2,
 };
 const n = {
   a: 10,
   c: 30,
 };
 
 const x = { ...m, ...n };
 console.log(x);
 
   => { a: 10, b: 2, c: 30 }

- Object.assign()と同様