JSONを読む

前回までで、JSONのルール、データ型の話をしてきました。

おさらいすると、

JSONのルール

キーまたは識別子と値の組み合わせで構成される
キー/識別子はダブルクォーテーションで囲む
最初と最後は中カッコ {...} でくくる
キー/識別子と値の間はコロン : で分ける
複数のキー/識別子&値のペアがあるときはカンマで区切る

JSONで取り扱うデータ型

文字列
数値
ブール値
オブジェクト
配列
null

という感じです。

今回はサンプルをいくつか用意して、そのJSONをどう読むか/どう理解するかを考えていきたいと思います。

ここの流れを完全に理解する必要はありませんので、「ふーん」くらいで。

実際のデータを見ていく中で自分なりの筋道があればよいのだと思います。

サンプルを読んでみよう

例として以下のようなJSONを扱います。

[
    {
        "id": "0001",
        "type": "donut",
        "name": "Cake",
        "ppu": 0.55,
        "batters":
            {
                "batter":
                    [
                        { "id": "1001", "type": "Regular" },
                        { "id": "1002", "type": "Chocolate" },
                        { "id": "1003", "type": "Blueberry" },
                        { "id": "1004", "type": "Devil's Food" }
                    ]
            },
        "topping":
            [
                { "id": "5001", "type": "None" },
                { "id": "5002", "type": "Glazed" },
                { "id": "5005", "type": "Sugar" },
                { "id": "5007", "type": "Powdered Sugar" },
                { "id": "5006", "type": "Chocolate with Sprinkles" },
                { "id": "5003", "type": "Chocolate" },
                { "id": "5004", "type": "Maple" }
            ]
    },
    {
        "id": "0002",
        "type": "donut",
        "name": "Raised",
        "ppu": 0.55,
        "batters":
            {
                "batter":
                    [
                        { "id": "1001", "type": "Regular" }
                    ]
            },
        "topping":
            [
                { "id": "5001", "type": "None" },
                { "id": "5002", "type": "Glazed" },
                { "id": "5005", "type": "Sugar" },
                { "id": "5003", "type": "Chocolate" },
                { "id": "5004", "type": "Maple" }
            ]
    }
]

おそらくお菓子屋さんのメニュー＆カスタマイズオプションです。

JSONは左上から辿っていくと構造が見えやすいです。

ステップ1 : まずは配列かどうか

配列かどうかはプログラム側での取り扱いが大きく変わるので、大事なポイントです。そして最も左上を見ればどっちかが分かります。

f:id:mofumofu_dance:20200904005703p:plain

サンプル1では左上が大カッコで始まっています。データ型で紹介したように、大カッコでくくるのは配列のルールなので、このサンプルは配列だとわかります。

次は配列の件数を確認します。

配列の開始・終了である大カッコの次の階層を見てみます。(インデントされているとわかりやすい) 中カッコの開始と終了が2組入っていることが見てわかります。これにより、サンプル1のJSONはオブジェクト型の値を2件含む配列だとわかります。

この時点でイメージできるのは2行のデータを持つExcel表ですね。

f:id:mofumofu_dance:20200904010831p:plain

ステップ2 : 各データの構造 (識別子と値のデータ型)

配列でない場合にはこのステップからになります。ここでやることはオブジェクトがどのような識別子と値のペアかを理解することです。

配列の1行目のデータを取り出してみてみます。

{
    "id": "0001",
    "type": "donut",
    "name": "Cake",
    "ppu": 0.55,
    "batters":
        {
            "batter":
                [
                    { "id": "1001", "type": "Regular" },
                    { "id": "1002", "type": "Chocolate" },
                    { "id": "1003", "type": "Blueberry" },
                    { "id": "1004", "type": "Devil's Food" }
                ]
        },
    "topping":
        [
            { "id": "5001", "type": "None" },
            { "id": "5002", "type": "Glazed" },
            { "id": "5005", "type": "Sugar" },
            { "id": "5007", "type": "Powdered Sugar" },
            { "id": "5006", "type": "Chocolate with Sprinkles" },
            { "id": "5003", "type": "Chocolate" },
            { "id": "5004", "type": "Maple" }
        ]
}

JSONオブジェクトはキー/識別子と値の複数のペアで成り立っていることを思い出しましょう。

{
  "キー1" : 値1 ,
  "キー2" : 値2 
}

すると、配列の1行目のデータは以下のような構造だとわかります。

    {
        "id": "0001",
        "type": "donut",
        "name": "Cake",
        "ppu": 0.55,
        "batters": {…},
        "topping": […]
    }