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ページのデザインは、ウェブサイトのユーザーエクスペリエンスを効果的に向上させます

推薦する

vueプロジェクトは特定の領域に透かしを描くことを実現する

この記事では、Vueを使用して特定の領域に透かしを描く方法を紹介します。具体的な内容は次のとおりです...

MySQL 5.7 でルートパスワードを変更する方法

MySQL 5.7 以降では、多くのセキュリティ更新が追加されました。旧バージョンのユーザーは慣れて...

ポータルサイトのフォーカス画像のデザインに関するいくつかの結論

フォーカス画像は、画像、テキスト、動的なインタラクティブ効果を統合したコンテンツを表示する方法です。...

Nodejs 組み込み暗号化モジュールを使用してピアツーピアの暗号化と復号化を実現する詳細な説明

暗号化と復号化は、通信のセキュリティを確保するための重要な手段です。すでに多くの暗号化アルゴリズムが...

HTML 固定タイトル列、タイトル ヘッダー テーブル固有の実装コード

コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...

個人履歴書を作成するための HTML の簡単な実装

履歴書コード: XML/HTML コードコンテンツをクリップボードにコピー<!DOCTYPE ...

Linuxでmysqlの定期的なコールドバックアップを実装するためにmysqldump+expect+crontabを使用するアイデアの詳細な説明

目次1. 遭遇した問題2. アイデア3. コード1. 遭遇した問題私たちは皆、mysqldump を...

CSS で高さが不明な垂直中央揃えを実装する

この記事では主に、高さが不明な垂直方向の中央揃えを CSS で実装する方法を紹介し、皆さんと共有しま...

LNMP を展開して HTTPS サービスを有効にする方法に関するチュートリアル

LNMP とは: Linux+Nginx+Mysql+(php-fpm、php-mysql)つまり、...

Reactでコンポーネントがどのように通信するかの詳細な説明

1. 何ですかコンポーネント間の通信は、次の 2 つの単語に分けることができます。コンポーネントコ...

MySQL 8.0.22 圧縮パッケージの完全なインストールと構成のチュートリアル図 (テスト済みで効果的)

1. zipインストールパッケージをダウンロードするMySQL サーバー 8.0.22 の圧縮パッ...

スクロール画像バーを実現するための CSS サンプルコード

一部の Web サイトでは、画像が連続的にスクロールしているのをよく見かけます。この効果は、CSS ...

imgタグ間のスペースの問題の詳細な説明

IMG タグの基本分析 HTML5 では、img タグには 4 つの要素があります。 (1) src...

Centos7にTenda U12ワイヤレスネットワークカードドライバーをインストールする際の問題を解決する

解決プロセス:方法1: CentOS7.3 のデフォルトのカーネル バージョンは低く、3.10.0-...

MySQL 5.7 でパスワードを変更するときに発生する ERROR 1054 (42S22) の解決方法

MySQL 5.7 を新しくインストールしました。ログインすると、パスワードが間違っているというメッ...