Extensible Markup Language(XML)は、オープンデータ交換の唯一の選択肢であると考えられていました。ただし、オープンデータ共有の開発により、 。それでは、JSONとは何か、JavaScriptとは次の順序でどのように違うのかを詳しく見ていきましょう。
JSONとは何ですか?
JavaScriptオブジェクト表記( JSON )は、整理された簡単な方法で情報を保存する方法です。ブラウザとサーバー間で交換する場合、データはテキスト形式である必要があります。あなたは任意に変換することができます JavaScriptオブジェクト に JSON JSONをサーバーに送信します。
サーバーから受信したJSONをに変換することもできます オブジェクト。複雑な解析や変換を行わずに、JavaScriptオブジェクトとしてデータを操作するのに役立ちます。
JSONとは何かがわかったところで、次に進んで、JSONを使用する必要がある理由と、JSONを使用することのさまざまな利点を見てみましょう。
なぜJSONを使用するのですか?
JSONは 軽量 そして 使いやすい 他のオープンデータ交換オプションと比較した場合。ただし、API統合に使用する必要がある理由はそれだけではありません。次の利点があるため、他のオプションよりも優先されます。
冗長性が少ない –それはもっとあります コンパクトなスタイル XMLと比較して。これにより、読みやすくなります。ザ・ 軽量 のアプローチ JSON 複雑なシステムでの作業中に大幅な改善を行うことができます。
もっと早く –XMLソフトウェアの解析プロセスはJSONよりも低速です。これは、DOM操作ライブラリが大きなXMLファイルを処理するためにより多くのメモリを必要とするためです。 JSON 一方、 より少ないデータ これにより、コストが削減され、 解析速度 。
読みやすい –JSONの構造は 簡単 そして 読みやすい 。使用しているプログラミング言語に関係なく、ドメインオブジェクトへのマッピングが簡単になります。
構造化データ –JSONは マップデータ構造 一方、XMLにはツリー構造があります。キーまたは値のペアによってタスクが制限される可能性がありますが、予測可能で理解しやすいデータモデルが得られます。
JSONとXML
どちらも XMLとJSON 今日広く使用されています。彼らです 使用されます データ交換フォーマットは、構造化データを格納する方法としてアプリケーションで採用されています。 2つの違いを見てみましょう。
JSON | XML |
JSONは読み取りと書き込みが簡単です。 Javaのキューデータ構造 また、サポートします アレイ 。 JSONファイルはもっと 人間が読める形式 XMLより。 サポートのみ テキスト そして 数 データ・タイプ | XMLはJSONに比べて単純ではありません。 アレイはサポートしていません。 XMLファイルは 人間が読めない 。 次のような多くのデータ型をサポートします テキスト、数字、画像、チャート、グラフ 、など。 |
JSONの例-
{'employees':[{'name': 'Lisa'、 'email': 'lisa101@xyz.com'}、{'name': 'Neil'、 'email': 'neilps@xyz.com'}、 {'name': 'Jai'、 'email': 'jai87@xyz.com'}]}
XMLの例-
Javaでパワーを使用する方法
Lisa lisa101@xyz.com Neil neilps@xyz.com Jai jai87@xyz.com
構文規則
ザ・ JSON 構文は サブセット の JavaScript 構文。構文はJavaScriptオブジェクト表記構文から派生し、次のルールで構成されています。
- データはで書かれています 名前 または 値 ペア。
- データは 分離 カンマで。
- 縮れた 中括弧 を保持します オブジェクト。
- 角括弧 を保持します 配列。
JSON形式はJavaScriptオブジェクトと非常によく似ています。ここで、キーは文字列である必要があり、次のように二重引用符で記述されている必要があります。
{'名前': 'スーザン'}
JSONの基礎
に JSON 、 値 次のデータ型のいずれかである必要があります。
- ストリング
- 数
- オブジェクト(JSONオブジェクト)
- 配列
- ブール値
- ヌル
ストリング
に JSON 、キーは二重引用符で記述された文字列である必要があります。
{'名前': 'メアリー'}
に JavaScript 、キーは文字列、数字、または識別子名にすることができます。
{名前: 'メアリー'}
オブジェクト
JSONオブジェクトは中括弧{}で囲まれています。これらは、次のようにキーまたは値のペアで記述されます。
{'名前': 'リサ'、 '年齢':23、 '車':BMW}
配列
JSONの配列は、JavaScriptの配列とほとんど同じです。 JSONでは、配列値は文字列、数値、オブジェクト、配列、ブール値、またはnull型です。一方、JavaScriptでは、配列値は上記のすべてに加えて、関数、日付、未定義など、その他の有効なJavaScript式にすることができます。
JSONの配列は、オブジェクトプロパティの値にすることができます。これは次のように定義されます。
{'名前': 'リサ'、 '年齢':23、 '車':['フォード'、 'BMW'、 'フィアット']}
JSONオブジェクトをJavaSCriptテキストに変換する
JSONは一般的に データの読み取り から Webサーバー Webページにデータを表示します。これは、入力として文字列を使用して示すこともできます。
例を見て、関数を使用してJSONオブジェクトをJavascriptテキストに変換する方法を見てみましょう。 JSON.parse():
JSONテキストをJavascriptオブジェクトに変換する
JSONオブジェクト: Javascriptオブジェクトの使用: var jsonobj = '{' name ':' Josh Huan '、' employeeID ':' 1107 '、' age ':25}' //ここでは、JSONをオブジェクトに変換しますvar obj = JSON.parse(jsonobj)document.getElementById( 'example1')。innerHTML = obj.name + '、従業員ID' + obj.employeeID + '、年齢' + obj.age document.getElementById( 'example')。innerHTML = jsonobj
オブジェクトをテキストに変換し、以下を提供します 出力 :
これで、記事は終わりです。 JSONとは何か、なぜこれを使用する必要があるのかを理解していただければ幸いです。
JSONとは何かがわかったので、 Edurekaによる。 Web開発認定トレーニングは、HTML5、CSS3、Twitter Bootstrap 3、jQuery、およびGoogle APIを使用して印象的なWebサイトを作成し、Amazon Simple Storage Service(S3)にデプロイする方法を学ぶのに役立ちます。
質問がありますか? 「JSONとは」のコメント欄に記載してください。折り返しご連絡いたします。