Object.assign()

オブジェクト・アサイン（組み込みオブジェクト）

意味オブジェクト結合・コピー

Object.assign()とは？

`Object.assign()`メソッドは、ソースオブジェクトの列挙可能なプロパティの値をターゲットオブジェクトにコピーします。このメソッドは、複数のソースオブジェクトをターゲットオブジェクトにマージする際に使用します。

Object.assign()の具体的な使い方

Object.assign()を使用してオブジェクトのプロパティをコピーする例

const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };

const result = Object.assign(target, source);

console.log(target);  // 変更されたtargetオブジェクト
console.log(result);  // targetと同じオブジェクト
console.log(target === result);  // true

👇出力結果

{ a: 1, b: 4, c: 5 }
{ a: 1, b: 4, c: 5 }
true

この例では、`source` オブジェクトのプロパティが `target` オブジェクトにコピーされます。既存のプロパティは上書きされ、新しいプロパティが追加されます。また、Object.assign() は変更されたターゲットオブジェクトを返すことを示しています。

Object.assign()を使用して新しいオブジェクトを作成する例

const obj1 = { a: 1 };
const obj2 = { b: 2 };
const obj3 = { c: 3 };

const mergedObj = Object.assign({}, obj1, obj2, obj3);

console.log(mergedObj);
console.log(obj1);  // 元のオブジェクトは変更されていない

👇出力結果

{ a: 1, b: 2, c: 3 }
{ a: 1 }

この例では、空のオブジェクト {} を最初の引数として使用し、複数のソースオブジェクトのプロパティを新しいオブジェクトにマージしています。元のオブジェクトは変更されません。

Object.assign()に関するよくある質問

Q. Object.assignの基本的な使い方は？

A. Object.assign(target, source1, source2, ...)の形で使います。targetオブジェクトにsourceオブジェクトのプロパティがコピーされます。

Q. 深いコピーができますか？

A. いいえ、Object.assignは浅いコピーのみを行います。ネストされたオブジェクトは参照がコピーされるため、完全な深いコピーには適していません。

Q. 既存のプロパティは上書きされますか？

A. はい、targetオブジェクトに既存のプロパティがある場合、sourceオブジェクトの同名プロパティで上書きされます。

Object.assign()が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのObject.assign()やObject.keys()、Object.entries()、array.forEach()、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。