JavaScriptにおけるJSONフォーマット入門

データ構造、例えば配列やオブジェクトを文字列に変換したい場合があります。 これは、その構造をインターネット経由で送信したり、ストレージに保存したりするために必要になることがあります。

このために、JavaScriptでは特別なフォーマットであるJSONが考案されました。

JSONフォーマットは、配列またはキーと値のペアを持つオブジェクトのいずれかの構造を含むことができます。 配列とオブジェクトはJavaScriptと同じように構築されますが、制限があります： すべての文字列とオブジェクトの文字列キーは二重引用符で囲む必要があります。

例えば、JSONフォーマットで配列を含む文字列を作ってみましょう：

javascriptlet json = '[1, 2, 3, 4, 5, "a", "b"]';

次に、JSONフォーマットでオブジェクトを含む文字列を作ってみましょう：

javascriptlet json = `{
  "a": "aaa",
  "b": "bbb",
  "c": "ccc",
  "111": "ddd"
}`;

これらの構造を任意の順序で組み合わせることができます：

javascriptlet json = `[
  {
    "a": "aaa",
    "b": "bbb"
  },
  {
    "c": "ccc",
    "d": "ddd"
  }
]`;

JavaScriptの構造とは異なり、JSONでは配列やオブジェクトの最後の要素の後のカンマは許可されていません：

javascriptlet json = '[1, 2, 3, 4, 5,]'; // 不正
let json = '[1, 2, 3, 4, 5]';  // 正しい

数値や文字列に加えて、true、 false、nullの値も要素として使用できます：

javascriptlet json = '[null, true, false]';

javascriptlet arr = [1, 2, 3, 'a', 'b', 'c'];

javascriptlet obj = {
  a: 1,
  b: 2,
  c: 'eee',
  d: true,
};

javascriptlet obj = {
  a: ['a', 'b', 'c',],
  b: '111',
  c: 'eee',
};