JavaScript でオブジェクトを配列に変換する

1. JavaScript で Object.keys() と map() を使用してオブジェクトを配列に変換する
2. JavaScript で Object.entries() を使用してオブジェクトを配列に変換する

オブジェクトは、最新の JavaScript の構成要素を形成する非プリミティブデータ型です。特異なプリミティブデータ型とは異なり、オブジェクトは複雑な方法でいくつかのプリミティブデータ型を構成できます。

配列は、要素のリストを格納するために使用される単一の変数です。このチュートリアルでは、JavaScript でオブジェクトをキーと値のペアの配列に変換する方法について説明します。

JavaScript で Object.keys() と map() を使用してオブジェクトを配列に変換する

Object.keys() メソッドは、オブジェクト内のすべての列挙可能なプロパティを文字列の配列に取得するのに役立ちます。オブジェクト obj を引数として取り、コールバック関数を追加して目的の結果を得ることができます。

オブジェクトを配列に変換するには、最初にオブジェクトに対して Object.keys() メソッドを呼び出し、次にその出力で map() 関数を呼び出して、対応する配列内のオブジェクトのキーと値をマップします。。オブジェクトと同じ順序でプロパティが含まれます。

var obj = {'2': 3, '1': 37, '23': 40, '41': 220, '115': 230};
var arr = Object.keys(obj).map(function(key) {
  return [Number(key), obj[key]];
});
console.log(arr);

出力：

[[1, 37], [2, 3], [23, 40], [41, 220], [115, 230]]

JavaScript で Object.entries() を使用してオブジェクトを配列に変換する

Object.entries() メソッドは Object.keys() メソッドと同様に機能し、オブジェクトを配列に変換するためにも使用できます。ただし、返されるのはキーのみであり、map() 関数を使用して配列内の列挙可能なオブジェクトプロパティを再作成する必要がありました。

Object.entries() は、配列で回答を直接返すことにより、タスクを簡素化します。Object.keys() と同様に、プロパティはオブジェクトと同じ順序で返されます。

var obj = {'2': 3, '1': 37, '23': 40, '41': 220, '115': 230};
var arr = Object.entries(obj);
console.log(arr);

出力：

[
  [ '1', 37 ],
  [ '2', 3 ],
  [ '23', 40 ],
  [ '41', 220 ],
  [ '115', 230 ]
]