【JavaScript】Object.fromEntries()メソッド: キーと値のペアからオブジェクトを作成する

JavaScriptのObject.fromEntries()メソッドは、[key, value]のペアの配列から新しいオブジェクトを作成します。このメソッドは、Object.entries()メソッドの逆操作と考えることができます。つまり、与えられた配列からオブジェクトを再構築します。この記事では、Object.fromEntries()メソッドの基本的な使い方や機能、そして実際の使用例について詳しく説明します。

Object.fromEntries()メソッドの構文

Object.fromEntries()メソッドの構文は以下の通りです。

Object.fromEntries(entries)

• entries: [key, value]のペアの配列です。

Object.fromEntries()メソッドの動作

Object.fromEntries()メソッドは、与えられた[key, value]のペアの配列から新しいオブジェクトを作成します。配列内の各要素は、オブジェクトのプロパティとその値を表します。

const entries = [['a', 1], ['b', 2], ['c', 3]];

const obj = Object.fromEntries(entries);

console.log(obj); // Output: { a: 1, b: 2, c: 3 }

Object.fromEntries()メソッドの利点

1. オブジェクトの再構築: [key, value]のペアの配列からオブジェクトを簡単に再構築できます。
2. Object.entries()との組み合わせ: Object.entries()で取得した[key, value]のペアの配列を、Object.fromEntries()を使用して元のオブジェクトに戻すことができます。

Object.fromEntries()メソッドの使用例

1. オブジェクトの再構築:

const entries = [['name', 'Alice'], ['age', 30], ['city', 'Wonderland']];

const obj = Object.fromEntries(entries);

console.log(obj);
// Output:
// {
//   name: 'Alice',
//   age: 30,
//   city: 'Wonderland'
// }

2. Object.entries()との組み合わせ:

const obj = { a: 1, b: 2, c: 3 };

const entries = Object.entries(obj);
const reconstructedObj = Object.fromEntries(entries);

console.log(reconstructedObj); // Output: { a: 1, b: 2, c: 3 }

結論

Object.fromEntries()メソッドは、[key, value]のペアの配列から新しいオブジェクトを作成する便利な方法を提供します。このメソッドを使用することで、配列から簡単にオブジェクトを再構築できます。特にObject.entries()メソッドと組み合わせて使用すると、オブジェクトの操作がさらに効率的になります。