最新のWeb開発のチュートリアル
×

JS チュートリアル

JS HOME JS 導入 JS どこへ JS 輸出 JS 構文 JS ステートメント JS 注釈 JS 変数 JS 演算子 JS 算術 JS 割り当て JS データの種類 JS 機能 JS オブジェクト JS 範囲 JS イベント JS ストリング JS 文字列メソッド JS 数字 JS 数のメソッド JS 数学 JS 日付 JS 日付形式 JS 日付の方法 JS 配列 JS アレイ方式 JS ブール値 JS 比較 JS 条件 JS スイッチ JS ループ For JS ループしながら JS ブレーク JS 型変換 JS 正規表現 JS エラー JS デバッギング JS 巻き上げ JS strictモード JS スタイルガイド JS ベストプラクティス JS 間違い JS パフォーマンス JS 予約語 JS JSON

JS フォーム

フォームバリデーション フォームAPI

JS オブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクトプロトタイプ

JS 機能

関数定義 ファンクションのパラメータ 関数の呼び出し 関数クロージャ

JS HTML DOM

DOM イントロ DOM メソッド DOM 資料 DOM 要素 DOM HTML DOM CSS DOM アニメーション DOM イベント DOM EventListener DOM ナビゲーション DOM ノード DOM ノードリスト

JS ブラウザ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS

JS 例 JS HTML DOM JS HTML 入力 JS HTML オブジェクト JS HTML イベント JS ブラウザ JS クイズ JS 概要

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト


 

JavaScript JSON


JSONはデータを格納し、輸送するためのフォーマットです。

データがウェブページにサーバから送信されたときにJSONが使用されることが多いです。


JSONとは何ですか?

  • JSONはJavaScriptのオブジェクト表記の略
  • JSONは軽量のデータ交換フォーマットであります
  • JSONは独立した言語であります*
  • JSONは「自己記述」と理解しやすいです

* JSON構文はJavaScriptオブジェクト表記の構文から派生しますが、JSON形式はテキストのみです。 読み取りおよびJSONデータを生成するためのコードは、任意のプログラミング言語で書くことができます。


JSON例

3従業員レコード(オブジェクト)の配列をこのJSONの構文は、従業員オブジェクトを定義しています。

JSON例

{
"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]
}

JSON形式はJavaScriptのオブジェクトへの評価します

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

このため類似性は、JavaScriptのプログラムは簡単にネイティブ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つのオブジェクトが含まれています。

各オブジェクトは、(姓と名を持つ)人の記録です。


JavaScriptのオブジェクトにJSONテキストの変換

JSONの一般的な用途は、ウェブページのデータをWebサーバからデータを読み出し、表示することです。

簡単にするために、これは(またはそれ以上の私たちの中で読んで文字列を入力として使用して実証することができますJSONのチュートリアル ):

まず、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のチュートリアル