JSチュートリアル

JSホーム JSの紹介 JSどこへ JS出力 JSステートメント JS構文 JSコメント JS変数 JS Let JSConst JSオペレーター JS算術 JS割り当て JSデータ型 JS関数 JSオブジェクト JSイベント JS文字列 JS文字列メソッド JS文字列検索 JS文字列テンプレート JS番号 JS番号メソッド JSアレイ JS配列メソッド JS配列ソート JSアレイの反復 JSアレイ定数 JSの日付 JSの日付形式 JS DateGetメソッド JS日付設定メソッド JS数学 JSランダム JSブール値 JSの比較 JS条件 JSスイッチ JSループFor JSループフォーイン JSループの JSループWhile JSブレイク JSIterables JSセット JSマップ JS Typeof JS型変換 JSビット単位 JS RegExp JSエラー JSスコープ JSホイスト JS厳密モード JSこのキーワード JSアロー関数 JSクラス JS JSON JSデバッグ JSスタイルガイド JSのベストプラクティス JSの間違い JSパフォーマンス JS予約語

JSバージョン

JSバージョン JS 2009(ES5) JS 2015(ES6) JS 2016 JS 2017 JS 2018 JS IE /エッジ JSの歴史

JSオブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクト表示 オブジェクトアクセサー オブジェクトコンストラクター オブジェクトのプロトタイプ オブジェクト反復可能 オブジェクトセット オブジェクトマップ オブジェクトリファレンス

JS関数

関数の定義 関数パラメーター 関数の呼び出し 関数呼び出し 機能適用 関数クロージャ

JSクラス

クラスイントロ クラス継承 クラス静的

JSAsync

JSコールバック JS非同期 JSの約束 JS Async / Await

JS HTML DOM

DOMイントロ DOMメソッド DOMドキュメント DOM要素 DOM HTML DOMフォーム DOM CSS DOMアニメーション DOMイベント DOMイベントリスナー DOMナビゲーション DOMノード DOMコレクション DOMノードリスト

JSブラウザBOM

JSウィンドウ JS画面 JSロケーション JSの歴史 JSナビゲーター JSポップアップアラート JSタイミング JSクッキー

JS Web API

WebAPIイントロ WebフォームAPI Web履歴API WebストレージAPI WebワーカーAPI Web Fetch API Web Geolocation API

JS AJAX

AJAXイントロ AJAX XMLHttp AJAXリクエスト AJAX応答 AJAXXMLファイル AJAX PHP AJAX ASP AJAXデータベース AJAXアプリケーション AJAXの例

JS JSON

JSONイントロ JSON構文 JSONとXML JSONデータ型 JSON解析 JSON文字列化 JSONオブジェクト JSON配列 JSONサーバー JSON PHP JSON HTML JSON JSONP

JSとjQuery

jQueryセレクター jQuery HTML jQuery CSS jQuery DOM

JSグラフィックス

JSグラフィックス JSキャンバス JSPlotly JS Chart.js JSグーグルチャート JS D3.js

JSの例

JSの例 JS HTML DOM JSHTML入力 JSHTMLオブジェクト JSHTMLイベント JSブラウザ JSエディター JS演習 JSクイズ JS証明書

JSリファレンス

JavaScriptオブジェクト HTMLDOMオブジェクト


JSON構文


JSON構文は、JavaScript構文のサブセットです。


JSON構文規則

JSON構文は、JavaScriptオブジェクト表記構文から派生しています。

  • データは名前/値ペアです
  • データはコンマで区切られます
  • 中括弧はオブジェクトを保持します
  • 角かっこは配列を保持します

JSONデータ-名前と値

JSONデータは、名前/値のペア(別名キー/値のペア)として書き込まれます。

名前と値のペアは、フィールド名(二重引用符で囲んだもの)、コロン、値で構成されます。

"name":"John"

JSON名には二重引用符が必要です。


JSON-JavaScriptオブジェクトに評価します

JSON形式はJavaScriptオブジェクトとほとんど同じです。

JSONでは、キーは二重引用符で記述された文字列である必要があります。

JSON

{"name":"John"}

JavaScriptでは、キーは文字列、数字、または識別子名にすることができます。

JavaScript

{name:"John"}


JSON値

JSONではは次のデータ型のいずれかである必要があります。

  • 文字列
  • オブジェクト
  • 配列
  • ブール値
  • ヌル

JavaScriptでは、値は上記のすべてに加えて、次のような他の有効なJavaScript式にすることができます。

  • 機能
  • デート
  • 未定義

JSONでは、文字列値は二重引用符で記述する必要があります。

JSON

{"name":"John"}

JavaScriptでは、二重引用符または一重引用符で文字列値を記述できます。

JavaScript

{name:'John'}

JavaScriptオブジェクト

JSON構文はJavaScriptオブジェクト表記から派生しているため、JavaScript内でJSONを操作するために必要な追加のソフトウェアはほとんどありません。

JavaScriptを使用すると、次のようにオブジェクトを作成してデータを割り当てることができます。

person = {name:"John", age:31, city:"New York"};

次のようなJavaScriptオブジェクトにアクセスできます。

// returns John
person.name;

次のようにアクセスすることもできます。

// returns John
person["name"];

データは次のように変更できます。

person.name = "Gilbert";

次のように変更することもできます。

person["name"] = "Gilbert";

このチュートリアルの後半で、JavaScriptオブジェクトをJSONに変換する方法を学習します。


JSONとしてのJavaScript配列

JavaScriptオブジェクトをJSONとして記述できるのと同じように、JavaScript配列もJSONとして記述できます。

オブジェクトと配列については、このチュートリアルの後半で詳しく学習します。


JSONファイル

  • JSONファイルのファイルタイプは「.json」です
  • JSONテキストのMIMEタイプは「application / json」です。