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

JavaScriptでオブジェクトを配列に変換するには、push()メソッドを使用します。オブジェクトの配列から特定のプロパティの値を取り出し、新しい配列に順番に追加していくことで、簡単に変換が可能です。

サンプルコード

studentDetails =
  [
      { studentName:"Chris",studentMarks:34},
      { studentName:"David",studentMarks:89}
]
var convertIntoArray = [];
for (var i = 0; i < studentDetails.length; i++) {
    convertIntoArray.push(studentDetails[i].studentName);
}
console.log(convertIntoArray);

コードの解説

このコードでは、まず学生情報を格納したオブジェクトの配列studentDetailsを定義しています。次に、空の配列convertIntoArrayを用意し、forループで各オブジェクトを順番に処理します。ループ内ではpush()メソッドを使い、各オブジェクトのstudentNameプロパティの値をconvertIntoArrayに追加していきます。

上記のプログラムを実行するには、以下のコマンドを使用します。

node fileName.js

ここでは、ファイル名を「demo35.js」としています。

実行結果

上記のプログラムを実行すると、以下の出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo35.js
[ 'Chris', 'David' ]

補足：オブジェクトそのものを配列に変換する方法

オブジェクトの値やキーと値のペアを配列として取得したい場合は、Object.values()やObject.entries()といった組み込みメソッドも便利です。

const obj = { name: "Chris", marks: 34 };
console.log(Object.values(obj));  // [ 'Chris', 34 ]
console.log(Object.entries(obj)); // [ [ 'name', 'Chris' ], [ 'marks', 34 ] ]

用途に応じて、push()を使った柔軟な変換と、これらの組み込みメソッドを使い分けるとよいでしょう。