JavaScriptでネストされたJSONオブジェクトを表示・出力する方法

JavaScriptでネストされたJSONオブジェクトをコンソールに出力するには、for...ofループとJSON.parse()メソッドを組み合わせて使用します。

ここでは、各学生オブジェクトの中に文字列形式で格納されているsubjectDetailsというネストされたJSONデータを、JSON.parse()でパースして値を取り出す方法を紹介します。

コード例

var details = [
    {
        "studentId": 101,
        "studentName": "John",
        "countryName": "US",
        "subjectDetails": "{\"0\":\"JavaScript\",\"1\":\"David\"}"
    },
    {
        "studentId": 102,
        "studentName": "Bob",
        "countryName": "UK",
        "subjectDetails": "{\"0\":\"Java\",\"1\":\"Carol\"}"
    },
    {
        "studentId": 103,
        "studentName": "Mike",
        "countryName": "AUS",
        "subjectDetails": "{\"0\":\"MongoDB\",\"1\":\"Adam\"}"
    }
]
for (const detailsObject of details) {
    const subjectDetailsObject =
    JSON.parse(detailsObject.subjectDetails);
    console.log(subjectDetailsObject["0"]);
}

プログラムの実行方法

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

node fileName.js

ここでは、ファイル名をdemo145.jsとして保存しています。実行する際は、実際のファイル名に置き換えてください。

node demo145.js

出力結果

上記のコードを実行すると、以下のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo145.js
JavaScript
Java
MongoDB

解説

このコードのポイントは以下の通りです。

• for...ofループ： 配列detailsの各オブジェクトを順番に取り出します。
• JSON.parse()： subjectDetailsプロパティには、JSONオブジェクトではなく「文字列化されたJSON」が格納されています。そのため、JSON.parse()を使って文字列をオブジェクトに変換する必要があります。
• console.log()： パース後のオブジェクトからキー"0"に対応する値（科目名）を取得し、コンソールに出力します。

なお、キーが数値形式の場合はsubjectDetailsObject[0]のようにインデックスでアクセスすることも可能です。