JSONとは何ですか?


HTML
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を学びましょう!


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チュートリアルにアクセスしてください。