js_javascript スキルにおける json オブジェクトの詳細な紹介

1.JSON (JavaScript Object Notation) は、xml よりも軽量なシンプルなデータ形式です。 JSON はネイティブ JavaScript 形式です。つまり、JavaScript で JSON データを処理するために特別な API やツールキットは必要ありません。
JSON のルールは単純です。オブジェクトは、「名前:値」ペアの順序付けされていないコレクションです。オブジェクトは「{」（左括弧）で始まり「}」（右括弧）で終わります。各「名前」の後には「:」 (コロン) が続き、「名前と値」のペアは「,」 (カンマ) で区切られます。

ルールは次のとおりです:

1) マッピングはコロン (":") で表されます。名前:値
2) 並列データはカンマ(",")で区切ります。名前 1: 値 1、名前 2: 値 2
3) マップされたコレクション (オブジェクト) は中括弧 ("{}") で表されます。 {名前1:値1,名前2:値2}
4) 並列データの集合 (配列) は角括弧 ("[]") で表されます。
[
{名前1:値,名前2:値2},

{名前1:値、名前2:値2}

]
5) 要素の値が取り得る型: string、number、object、array、true、false、null

2.json の 5 つの記述方法:

1) データの保存とデータの呼び出しの従来の方法

コードをコピー コードは次のとおりです:

<スクリプトタイプ="text/javascript"> //従来の JS の方法で「クラス」を定義します
function 人(id,名前,年齢){
this.id = ID; this.name = 名前
this.age = 年齢
}
// 従来の JS の方法で「オブジェクト」を作成します
var p = 新しい人(20141028,"One Leaf Boat",22);

//クラス内の属性を呼び出して人物の情報を表示します window.alert(p.id); window.alert(p.name); window.alert(ページ);

2) 最初のスタイル:

コードをコピー

コードは次のとおりです: <スクリプトタイプ="text/javascript"> var person = { id:001、 名前:「一枚葉のボート」、

年齢:23歳

}
window.alert("番号:" person.id); window.alert("ユーザー名:" 人名); window.alert("年齢:" person.age);


3) 2 番目のスタイル:




コードをコピー

コードは次のとおりです:

<スクリプトタイプ="text/javascript"> var p = [ {id:001,name:「一枚葉の船」,年齢:22}, {id:002,name:「悔いなし」,age:23}, {id:003,name:"無後悔_一叶苑舟",age:24} ]; for(var i = 0; i window.alert("番号:" p[i].id); window.alert("ユーザー名:" p[i].name); window.alert("年齢:" p[i].age);

}



4) 3 番目のスタイル:

コードをコピー

コードは次のとおりです:

<スクリプトタイプ="text/javascript"> var p = {
"県":[
{"都市":"福州"}、

{"都市":"アモイ"}、 {"都市":"莆田"} ] }; window.alert("都市:" p.province[0].city);

5) 4 番目のスタイル:

コードをコピー


コードは次のとおりです:


<スクリプトタイプ="text/javascript"> var p = {
"ids":[

{"id":001}、
{"id":002}、
{"id":003}

]、 "名前":[ {"名前":"一枚葉のボート"}、 {"名前":"後悔はありません"}、 {"name":"無後悔_宜耶汪州"} ] };

for(var i = 0; i window.alert("name:" p.names[i].name);

}
for(var i = 0; i window.alert("id:" p.ids[i].id); }




6) 5 番目のスタイル:

コードをコピー

コードは次のとおりです:

<スクリプトタイプ="text/javascript"> var p = {
"省":["福州"、"厦門"、"莆田"]
};
window.alert("都市の数:" p.province.length); window.alert("それぞれ: n"); for(var i=0;i window.alert(p.province[i]); }