Latest web development tutorials
×

JavaScript コース

JavaScript コース JavaScript 簡単な紹介 JavaScript 使用法 JavaScript 輸出 JavaScript 文法 JavaScript ステートメント JavaScript ノート JavaScript 変数 JavaScript データの種類 JavaScript オブジェクト JavaScript 関数 JavaScript スコープ JavaScript イベント JavaScript 文字列 JavaScript 演算子 JavaScript 比較します JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript 型変換 JavaScript 正規表現 JavaScript エラー JavaScript デバッギング JavaScript 可変リフト JavaScript strictモード JavaScript 不適正使用 JavaScript フォーム認証 JavaScript 予約済みキーワード JavaScript JSON JavaScript void JavaScript コードの仕様

JS 関数

JavaScript 関数定義 JavaScript 関数の引数 JavaScript 関数呼び出し JavaScript クロージャ

JS HTML DOM

DOM 簡単な紹介 DOM HTML DOM CSS DOM イベント DOM EventListener DOM 要素

JS 応用チュートリアル

JavaScript オブジェクト JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp オブジェクト

JS ブラウザ BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript ポップ JavaScript 時間指定イベント JavaScript Cookies

JS 倉庫

JavaScript 倉庫 JavaScript テスト jQuery JavaScript テスト Prototype

JS 例

JavaScript 例 JavaScript Objectインスタンス JavaScript ブラウザのオブジェクトインスタンス JavaScript HTML DOM 例 JavaScript サマリー

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

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

JavaScriptのJSON

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

JSONは、典型的には、ウェブサーバにデータを渡すために使用されます。


JSONとは何ですか?

  • JSON英語名J AVAのS criptのOのbject N otation
  • JSONは軽量のデータ交換フォーマットです。
  • JSONは*独立した言語であります
  • 理解しやすいJSON。

ノート * JSONはJavaScriptを使用しますが、JSONはテキスト形式です。
テキストは、任意のプログラミング言語で、データ転送フォーマットとして読み出すことができます。

JSONの例

以下の従業員JSONの構文定義されたオブジェクト:3人の従業員のレコードの配列(オブジェクト):

JSON例

{ "社員":[
{ "姓": "ジョン"、 "lastNameの": "ドウ"}、
{ "姓": "アンナ"、 "lastNameの": "スミス"}、
{ "姓": "ピーター"、 "lastNameの": "ジョーンズ"}
]}


JSONはJavaScriptオブジェクトとしてフォーマットした後

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

それらは同様であるため、JavaScriptプログラムを容易にJavaScriptオブジェクトにJSONデータとすることができます。


JSONの構文規則

  • キー/値ペアのデータ。
  • カンマで区切られたデータ。
  • オブジェクトブレースを保存
  • 配列の括弧を保存

JSONデータ - 値に対応する名前

JavaScriptオブジェクトのプロパティなどのキー/値ペアのためのJSONデータ・フォーマット、。

キー/値のペアが後にコロン(二重引用符で)フィールド名が含まれ、その値は次のとおりです。

"姓": "ジョン"


JSONオブジェクト

JSONオブジェクトは、中括弧で保存されています。

JavaScriptでのように、オブジェクトは、複数のキー/値のペアを保持することができます:

{ "姓": "ジョン"、 "lastNameの": "ドウ"}


JSON配列

JSON配列は、括弧内に保持しています。

JavaScriptでのように、配列はオブジェクトを含めることができます。

"社員":[
{ "姓": "ジョン"、 "lastNameの": "ドウ"}、
{ "姓": "アンナ"、 "lastNameの": "スミス"}、
{ "姓": "ピーター"、 "lastNameの": "ジョーンズ"}
]

上記の例では、オブジェクト "従業員が「アレイです。 これは、3つのオブジェクトが含まれています。

各オブジェクトには、従業員(姓と名)のために記録しています。


JSON文字列をJavaScriptオブジェクトに変換され、

通常、我々は、サーバーからJSONデータを読み込んで、Webページのデータを表示します。

簡単にするために、我々は(あなたも私たちの読むことができます直接JSON文字列のWebページを設定するJSONのチュートリアルを ):

まず、JSON形式でJavaScriptの文字列、文字列データを作成します?:

varの各テキスト= '{ "従業員":[' +
'{ "姓": "ジョン"、 "lastNameの": "ドウ"}、' +
'{ "姓": "アンナ"、 "lastNameの": "スミス"}、' +
'{ "姓": "ピーター"、 "lastNameの": "ジョーンズ"}]}';

次に、JavaScriptオブジェクトに文字列を変換するために、組み込みのJavaScript関数JSON.parse()を使用します。

VAR OBJ = JSON.parse(テキスト);

最後に、あなたのページに新しいJavaScriptオブジェクトを使用して:

<Pのid = "デモ"> </ P>

<スクリプト>
document.getElementById( "デモ")。innerHTMLの=
obj.employees [1] .firstName + "" + obj.employees [1] .lastName。
</スクリプト>

»をお試しください

関連関数

関数 説明
JSON.parse() JavaScriptオブジェクトにJSON文字列のため。
JSON.stringify() JavaScriptは、JSON文字列に値を変換するために使用されます。

JSONの詳細は、あなたが私たちの読むことができるJSONのチュートリアルを