JavaScriptでJSONの変換

JSON.stringify・JSON.parseでオブジェクトとJSONを変換する方法を学べます。初心者向けに、コードを編集して実行結果をすぐ確認できます。 下のコードはブラウザ内でそのまま実行できます。「実行エディタで開く」を押すと、progoのオンラインJavaScript実行環境にコードが読み込まれ、その場で動作を確認できます。

サンプルコード

const data = { name: "progo", langs: ["JS", "PHP"] };

const json = JSON.stringify(data);
console.log(json);

const back = JSON.parse(json);
console.log(back.name);
console.log(back.langs.join(", "));

// 整形して出力
console.log(JSON.stringify(data, null, 2));

ポイント解説

• JSON.stringify()でオブジェクトを文字列化します。
• JSON.parse()でJSON文字列をオブジェクトに戻します。
• 第3引数に数値を渡すとインデント付きで整形されます。