JSONとは何か？JavaScriptで使えるデータの記述方法
JSONの概要
JSONとは“JavaScript Object Notation"の略で、直訳すれば「JavaScriptにおけるオブジェクトの表記法」という意味になります。
JSONはCSVやXMLと同じくデータを記述する方法の一つで、拡張子は「.json」となります。
その名前が示すとおり、JavaScriptの構文で表記されますが、JavaScript以外の言語にも広く使われています。
今回はノンプログラマーの方やプログラミング初心者の方に向けて、このJSONについて解説していきます。
JSONの記法
JSONは{}の中にキーとなる文字列と値をコロンで区切って記述します。
値には基本データ型である文字列、数値、真偽値（true、false）のほかオブジェクト、配列、nullも使用することができます。
シングルクォーテーションは使えず、ダブルクォーテーションのみが使えます。
{ "item": "りんご" }
{ "price": 100 }
{ "discount": true }
{ "brand", null }
オブジェクトはキーと値のペアをカンマで区切り、全体を{}でくくることで表現します。
{
"item":"りんご",
"price":100,
"discount":true,
"brand":"サンふじ"
}
配列は値をカンマで区切って[ ]で全体をくくることで表現します。
{
"id":"001",
"attribute":[
"item":"りんご",
"price":100,
"discount":true,
"brand":"サンふじ"
],
"dealer":[
"A商店",
"Bストア",
"Cマート"
]
}
オブジェクトの中にオブジェクトや配列を入れるときはインデント（字下げ）することで可読性が向上します。
なぜJSONが必要なのか
Webアプリケーションなどでデータを扱う形式には、JSON以外にもCSVやXMLがあります。
ここでは表１のようなデータがあった場合、CSVとXMLでデータの表現方法にどのような違いが出るのかを見ていきましょう。
| id | item | price | discount | brand | dealer1 | dealer2 | dealer3 |
| 001 | りんご | 100 | TRUE | サンふじ | A商店 | Bストア | Cマート |
CSV
CSVはデータをカンマで区切ったデータ形式です。例えば、以下のように表現します。
id,item,price,discount,brand,dealer1,dealer2,dealer3
001,りんご,100,true,サンふじ,A商店,Bストア,Cマートこのように、CSVはカンマで区切っているだけなので、シンプルで分かりやすい反面、複雑なデータ形式を表現することには向いていません。
XML
XMLはCSVよりも複雑なデータを扱うことができますが、値として扱えるデータ型は文字列のみです。また、人間が見て直感的に分かりづらいという難点があります。
先ほど示したJSONの例をXMLで記述すると下記のようになります。
<?xml version=“1.0” encoding=“utf-8”?>
<data>
<goods>
<id>001</id>
<attribute>
<item>りんご</item>
<price>100</price>
<discount>true</discount>
<brand>サンふじ</brand>
</attribute>
<dealer>
<dealer1>A商店</dealer1>
<dealer2>Bストア</dealer2>
<dealer3>Cマート</dealer3>
</dealer>
</goods>
</data>
JSONの方がXMLに比べて可読性が高く、記述量が少なくて済むことが分かります。
以上の理由から、昨今ではJSONがデータ交換フォーマットの主流になりつつあります。
JSONはどういうときに使われるのか
JSONはJavaScriptとの親和性が高いことから、Ajaxの分野で広く利用されるようになっています。AjaxはAsynchronous JavaScript + XMLの略で、本来XMLの使用を前提としていましたが、その簡易性からXMLに代わりJSONが用いられるようになってきました。
Ajax以外にも、Webアプリケーションのフロントエンド／バックエンド間のインターフェースなど、異なる言語間のデータ交換フォーマットに使用されることも多いです。