JSON - イントロ

JSON - JavaScriptオブジェクトへ評価

JSON形式は、JavaScriptオブジェクトを作成するためのコードと構文的に同じです。

この類似性のため、XMLのようなパーサを使用する代りに、JavaScriptプログラムは、 JSONデータをネイティブなJavaScriptオブジェクトに変換するのに、標準的なJavaScript関数を使用することができます。

Try it Yourself

このエディタを使用すれば、オンラインでJavaScriptコードを編集し、ボタンを押下することで結果を見ることができます：

JSON 例

<!DOCTYPE html>
<html>
<body>

<h2>JSON Object Creation in JavaScript</h2>

<p id="demo"></p>

<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}'

var obj = JSON.parse(text);

document.getElementById("demo").innerHTML =
obj.name + "<br>" +
obj.street + "<br>" +
obj.phone;
</script>

</body>
</html>

Try it yourself »

XMLと同じところ

JSON、XML共にプレーンテキストです
JSON、XML共に「自己記述的」（人間が読めるもの）です
JSON、XML共に階層的（値の中の値）です
JSON、XML共にHttpRequestで取り出すことができます

XMLと異なるところ

JSONは、終了タグを使用しません
JSONは、データが短い
JSONは、読み書きが速い
JSONは、配列が使用できます

最大の違いは次のとおりです：

XMLはXMLパーサで解析しなければなりませんが、JSONは、標準的なJavaScriptの関数で解析ができます。

なぜJSON？

AJAXアプリケーションにとって、JSONは、XMLより高速で扱いが簡単です：

XMLを使用すると

XML文書を読込み
XML DOMを使用して文書をループし
値を取出し、変数に格納する

JSONを使用すると

JSON文字列を読込み
JSON文字列をJSON.Parseする

« 前章へ

次章へ »