JavaScript JSON

JSONとはJavaScript Object Notationの略で、データ交換形式です。

JSON とは何ですか?

JSON の完全な英語名は JavaScript Object Notation です

JSON は軽量のデータ交換形式です。

JSONは言語に依存しません *

JSONは理解しやすいです。

JSON にはいくつかのデータ型しかありません:

数値: JavaScript の数値とまったく同じです。

ブール値: JavaScript の true または false。 JavaScript の文字列です。

null: JavaScript の null です。

オブジェクト: JavaScript の配列表現です。 JavaScript の表現。

および上記の任意の組み合わせ。

また、JSONでは文字セットがUTF-8であることも規定されており、複数言語を表現する場合にも問題ありません。統合解析の場合、JSON 文字列には二重引用符 "" を使用する必要があり、オブジェクトキーにも二重引用符 "" を使用する必要があります。

JSON は非常にシンプルであるため、すぐに Web の世界で普及し、ECMA 標準になりました。ほとんどすべてのプログラミング言語には JSON を解析するためのライブラリがあり、JavaScript には JSON 解析が組み込まれているため、JSON を直接使用できます。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<script type="text/javascript">  
var student = new Object(); 
student.name = "Lanny"; 
student.age = "25"; 
student.location = "China"; 
var json = JSON.stringify(student); 
alert(json); //{"name":"Lanny","age":"25","location":"China"}
</script>  
</head>  
<body>  
</body>  
</html>

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

JSON フォーマットは、JavaScript オブジェクトを作成するコードと構文的に同じです。

これらは似ているため、JavaScript プログラムは JSON データを JavaScript オブジェクトに簡単に変換できます。

JSON 構文ルール

データはキーと値のペアです。データはカンマで区切られます。中括弧はオブジェクトを保持します角括弧は配列を保持します

JSON データ - 1 つの名前が 1 つの値に対応します

JSON データは、JavaScript オブジェクトのプロパティと同様に、キーと値のペアとしてフォーマットされます。

キーと値のペアは、フィールド名 (二重引用符で囲まれた)、コロン、値で構成されます:

"firstName":"John"

JSON オブジェクト

JSON オブジェクト中括弧内に保存されます。

JavaScript と同様に、オブジェクトは複数のキーと値のペアを保持できます:

{"firstName":"John", "lastName":"Doe"}

JSON 配列

JSON 配列は角かっこ内に格納されます。

JavaScript と同様に、配列にはオブジェクトを含めることができます:

"従業員":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName" :"Peter", "lastName":"Jones"}
]

上の例では、オブジェクト "employees" は配列です。 3 つのオブジェクトが含まれます。

各オブジェクトは従業員 (姓と名) の記録です。

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

通常、私たちはサーバーからJSONデータを読み取り、Webページにデータを表示します。

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

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName ": "Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]} ';

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

var obj = JSON.parse(text);

最後に、ページ内で新しい JavaScript オブジェクトを使用します:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
var text = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';
obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
obj.employees[2].firstName + " " + obj.employees[2].lastName;
</script>
</body>
</html>

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var arr = ["a", "b", "c"]; var str = JSON.stringify(arr); document.write(str); document.write ("<br/>"); var newArr = JSON.parse(str); while (newArr.length > 0) { document.write(newArr.pop() + "<br/>"); } // Output: var arr = ["a", "b", "c"]; var str = JSON.stringify(arr); document.write(str); document.write ("<br/>"); var newArr = JSON.parse(str); while (newArr.length > 0) { document.write(newArr.pop() + "<br/>"); } </script> </head> <body> </body> </html>

リセットコード

自動運転

提出する

プレビュー Clear