JSONとは何ですか?
JSONはJava S cript O bject Notationの略です
JSONは、データを保存および転送するための軽量フォーマットです。
JSONは、データがサーバーからWebページに送信されるときによく使用されます
JSONは「自己記述型」であり、理解しやすいものです
JSONの例
この例では、employeesオブジェクトを定義します。3つのemployeeレコード(オブジェクト)の配列:
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
JSON構文規則
- データは名前/値ペアです
- データはコンマで区切られます
- 中括弧はオブジェクトを保持します
- 角かっこは配列を保持します
JavaScriptオブジェクト表記
JSON形式は、JavaScriptオブジェクトを作成するためのコードと構文的に同じです。
この類似性により、JavaScriptプログラムはJSONデータをネイティブJavaScriptオブジェクトに簡単に変換できます。
JSON構文はJavaScriptオブジェクト表記構文から派生していますが、JSON形式はテキストのみです。JSONデータを読み取って生成するためのコードは、任意のプログラミング言語で記述できます。
JSONデータ-名前と値
JSONデータは、JavaScriptオブジェクトのプロパティと同様に、名前と値のペアとして書き込まれます。
名前と値のペアは、フィールド名(二重引用符で囲んだもの)、コロン、値で構成されます。
"firstName":"John"
JSON名には二重引用符が必要です。JavaScriptの名前はそうではありません。
JSONオブジェクト
JSONオブジェクトは中括弧で囲まれています。
JavaScriptの場合と同様に、オブジェクトには複数の名前と値のペアを含めることができます。
{"firstName":"John", "lastName":"Doe"}
JSON配列
JSON配列は、角かっこで囲まれています。
JavaScriptの場合と同様に、配列にはオブジェクトを含めることができます。
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
上記の例では、オブジェクト「employees」は配列です。3つのオブジェクトが含まれています。
各オブジェクトは、人の記録です(名と姓)。
JSONテキストをJavaScriptオブジェクトに変換する
JSONの一般的な使用法は、Webサーバーからデータを読み取り、そのデータをWebページに表示することです。
簡単にするために、これは入力として文字列を使用して示すことができます。
まず、JSON構文を含むJavaScript文字列を作成します。
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
次に、JavaScript組み込み関数JSON.parse()を使用して、文字列をJavaScriptオブジェクトに変換します。
var obj = JSON.parse(text);
最後に、ページで新しいJavaScriptオブジェクトを使用します。
例
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
完全なJSONチュートリアル
これはJSONの簡単な説明です。
完全なJSONチュートリアルについては、W3SchoolsJSONチュートリアルにアクセスしてください。