jsonファイルの書き方の詳細説明

jsonファイルの書き方の詳細説明

JSONとは

JSON (JavaScript Object Notation) はデータ交換形式です。

なぜこの技術なのでしょうか?

Json が登場する前は、誰もがデータを転送するために XML を使用していました。 XML はプレーンテキスト形式なので、インターネット上でデータを交換するのに適していますが、XML 形式は比較的複雑です。最終的に、Douglas Crockford が超軽量のデータ交換形式である JSON を発明しました。

JSONの使い方

- データ形式

JSON は実際には JavaScript のサブセットなので、JSON のデータ形式は JavaScript に対応しています。

- 番号 => JS番号 
- ブール値 => JS ブール値
- 文字列 => JS 文字列 //
- null => JS null 
- 配列 => JS配列式 []
- オブジェクト => JS {} 式

- メモ

  • JSONでは、文字セットはUTF-8、文字列は「」、オブジェクトキーも「」を使用する必要があると規定されています。
  • 配列またはオブジェクトの最後のメンバーにはカンマを使用できません

- JSには2つの組み込みJsonメソッドがあります

JSON.stringify( {} , [ ] , "")
//パラメータ 1: シリアル化するデータ (オブジェクト)
//パラメータ 2: オブジェクトのキー値を制御します。指定された属性のみを出力する場合は、配列を渡します。//パラメータ 3: シリアル化後、出力形式を出力します (JSON をより直感的に表示するには Tab キーを使用します)

JavaScript から Json への変換は、ネットワーク経由で転送する前にオブジェクトを Json 文字列にシリアル化することを意味します。

Json 形式の文字列を受け取ります。

JSON.parse( json.DATA ) // json文字列を渡す

JSON 形式の文字列を受け取った場合は、それを JavaScript オブジェクトに逆シリアル化し、JavaScript で直接使用するだけです。

例:

1. 配列法 [ ]

[{
「id」: 1 ,
「名前」:「暁明」
},{
「id」: 2 , 
「名前」:「暁紅」
}]

2. オブジェクトメソッド { }

//フロントエンドとバックエンドを分離し、バックエンドがフロントエンドに次の形式でデータを返すことを推奨します。
"status" : 0 、 //実行ステータスコード "msg" : "SUCCESS"、 //説明テキスト情報、NULLではない
"data" :[{ //配列はオブジェクト内にネストされており、配列は返されるデータです。
「id」: 1 ,
「名前」:「暁紅」
},{
「id」: 2,
「名前」:「暁明」
}]
}

3. 反例

{"id" : ox16 } // 不正、値は 10 進数でなければなりません {"name" : underfined } // 不正、そのような値はありません [{
"名前" : NULL、
「学校」: 関数() {
console.log("これは間違っています")
}//不正}]//ユーザー定義関数またはシステム組み込み関数はjsonでは使用できません

json ファイルの書き込み形式の詳細説明はこれで終わりです。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援して頂ければ幸いです。

以下もご興味があるかもしれません:
  • Jsonフォーマットの詳細な説明
  • 1 つの記事で JSON (JavaScript Object Notation) を理解する
  • JSON の概要と使用方法の概要
  • js の json オブジェクトの詳細な紹介
  • jQuery JSON 解析の例
  • JSONの原理分析と例の紹介
  • JSONデータ形式の概要
  • 簡潔なJSONの紹介
  • jsonの簡単な紹介
  • Json の長所と短所、使用方法の紹介

<<:  CSS仕様 BEM CSSとOOCSSサンプルコード詳細説明

>>:  史上最もクリエイティブな404ページのデザインは、ウェブサイトのユーザーエクスペリエンスを効果的に向上させます

推薦する

Maxwell を使用して MySQL データをリアルタイムで同期する方法

目次マクスウェルについてMaxwellの設定と使用1. Maxwellインストールパッケージをダウン...

Vue でクラスとスタイルを使用して v-bind バインディングを使用するいくつかの方法

要素にクラスを追加/削除することは、プロジェクト開発では非常に一般的な動作です。たとえば、Web サ...

Alibaba Cloud Centos7.3 インストール mysql5.7.18 rpm インストール チュートリアル

MariaDBをアンインストールするCentOS7 ではデフォルトで MySQL の代わりに Mar...

Web ページでの Unicode 文字の使用の概要 (&#、\u など)

初期のコンピュータでは ASCII 文字しか使用できませんでしたが、コンピュータのアプリケーションの...

3 階層ナビゲーション メニューを実現するための js+css

この記事の例では、3レベルのナビゲーションメニューを実装するためのjs + cssの具体的なコードを...

判定条件を使用してCSSファイルをインポートする

解決策 1: HEAD に次のコードを挿入するなど、HTML ドキュメントで条件付きインポートを使用...

プライベートウェアハウス(レジストリとハーバー)を構築するためのDockerの実装

使用される Docker イメージが増えるにつれて、イメージを保存する場所、つまりウェアハウスが必要...

Webpack コンポーネントの使用状況統計を実装するための 50 行のコード

背景最近、リーダーからコンポーネント ライブラリを構築するように依頼があり、プロジェクトで現在使用さ...

JSのアンカーリンクをクリックするとスムーズにスクロールし、自由にトップ位置に調整できます。

アンカーリンクをクリックするとスムーズにスクロールし、自由にトップ位置に調整できます。 1. アンカ...

MySQL アーキテクチャのナレッジポイントの概要

1. データベースとデータベースインスタンスMySQL の研究では、データベースとデータベース イン...

Vue.js フロントエンドプロジェクト向け多言語ソリューションのアイデアと実践

目次1. 通常どのようなコンテンツを処理する必要があるか2. 基本的な考え方3. 具体的な実践の詳細...

Dockerの基本的なネットワーク構成の詳細な説明

外部アクセスポートをランダムにマップする -P フラグを使用すると、Docker は 49000 か...

最新の MySQL 5.7.23 のインストールと設定のグラフィックチュートリアル

2018 年の最新 MySQL 5.7 の詳細なインストールと設定は 4 つのステップに分かれており...

MySQL binlog を使用して誤って削除されたデータベースを復元する方法

目次1 現在のデータベースの内容を表示し、データベースをバックアップする2 bin_log関数を有効...

XHTML 入門チュートリアル: テーブルタグの応用

<br />テーブルは XHTML では扱いにくいタグなので、このセクションで理解するだ...