【JavaScript ECMAScript】Object::Object.entries静的メソッドの使い方

Object.entries()メソッドは、指定されたオブジェクトが直接所有し、かつ列挙可能な文字列キーを持つすべてのプロパティを、[キー, 値]のペアの配列として取得するメソッドです。このメソッドを実行すると、オブジェクトの各プロパティが、プロパティ名（キー）とそれに対応する値という2つの要素を持つ小さな配列に変換されます。そして、これらの小さな配列がすべて集められ、最終的に一つの大きな配列として返されます。

例えば、{ name: 'Alice', age: 30 }のようなオブジェクトにObject.entries()を適用すると、[['name', 'Alice'], ['age', 30]]という形式の配列が得られます。この機能は、オブジェクトのプロパティの内容を一覧で取得し、それを配列として反復処理したり、フィルタリングやマッピングといった配列のメソッドを用いて操作したりする場合に特に有用です。for...ofループと組み合わせることで、オブジェクトの各エントリに簡単にアクセスし、処理を行うことができます。ただし、継承されたプロパティや、シンボルをキーとするプロパティ、列挙不可能なプロパティは、このメソッドの返り値には含まれません。

Copy
1const obj = { key1: 'value1', key2: 2 };
2const entriesArray = Object.entries(obj);
3console.log(entriesArray);

obj

• obj: object: エントリ（キーと値のペア）を取得したいオブジェクト

Array<[string, any]>

指定されたオブジェクトの自身が持つ列挙可能なプロパティを、[キー, 値] のペアからなる配列として返します。