ES6 オブジェクトから配列に変換する方法

Object.entries() メソッドを利用することで、オブジェクトを配列に簡単に変換できます。

Object.entries()メソッドは、与えられたオブジェクト自身の列挙可能なプロパティのキーと値の配列を返します。その順序は、for…inループでそのオブジェクトを反復処理した時の順序と同じです（ただし、オブジェクトのプロトタイプチェーンに列挙不可のプロパティがある場合は除きます）。

オブジェクトを配列に変換する方法を次に示します：

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

const arr = Object.entries(obj);

console.log(arr);
// Output: [ ['a', 1], ['b', 2], ['c', 3] ]

上の例の Object.entries(obj) は、各要素がキーと値のサブ配列を持つ配列を返します。最終的な出力は、各サブ配列にオブジェクトのキーと値のペアを含む2次元配列です。

Object.entries() メソッドは ES2017 で導入されたため、使用前に環境がサポートしていることを確認してください。