今回は、JS で JSON オブジェクトの値を定義して実装する手順について詳しく説明します。 JS で 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) 要素の値が持つことができる型: 文字列、数値、オブジェクト、 array、true、false、null
2. json の 5 つの書き込みメソッド:
1) データを保存しデータを呼び出す従来の方法
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <script type= "text/javascript" >
function Person(id,name,age){
this.id = id;
this.name = name;
this.age = age;
}
var p = new Person(20141028, "一叶扁舟" ,22);
window.alert(p.id);
window.alert(p.name);
window.alert(p.age);
</script>
|
ログイン後にコピー
2) 最初のスタイル:
1 2 3 4 5 6 7 8 9 10 | <script type= "text/javascript" >
var person = {
id:001,
name: "一叶扁舟" ,
age:23
}
window.alert( "编号:" +person.id);
window.alert( "用户名:" +person.name);
window.alert( "年龄:" +person.age);
</script>
|
ログイン後にコピー
3) 2 番目のスタイル:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <script type= "text/javascript" >
var p = [
{id:001,name: "一叶扁舟" ,age:22},
{id:002,name: "无悔" ,age:23},
{id:003,name: "无悔_一叶扁舟" ,age:24}
];
for ( var i = 0; i < p.length; i++){
window.alert( "编号:" +p[i].id);
window.alert( "用户名:" +p[i].name);
window.alert( "年龄:" +p[i].age);
}
</script>
|
ログイン後にコピー
4 ) 3 番目のスタイル:
1 2 3 4 5 6 7 8 9 10 | <script type= "text/javascript" >
var p = {
"province" :[
{ "city" : "福州" },
{ "city" : "厦门" },
{ "city" : "莆田" }
]
};
window.alert( "所在城市:" + p.province[0].city);
</script>
|
ログイン後にコピー
5) 4 番目のスタイル:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <script type= "text/javascript" >
var p = {
"ids" :[
{ "id" :001},
{ "id" :002},
{ "id" :003}
],
"names" :[
{ "name" : "一叶扁舟" },
{ "name" : "无悔" },
{ "name" : "无悔_一叶扁舟" }
]
};
for ( var i = 0; i < p.names.length; i++){
window.alert( "名字:" +p.names[i].name);
}
for ( var i = 0; i < p.ids.length; i++){
window.alert( "id:" +p.ids[i].id);
}
</script>
|
ログイン後にコピー
6) 5 番目のスタイル:
1 2 3 4 5 6 7 8 9 10 | <script type= "text/javascript" >
var p = {
"province" :[ "福州" , "厦门" , "莆田" ]
};
window.alert( "城市的个数:" +p.province.length);
window.alert( "分别是:\n" );
for ( var i=0;i<p.province.length;i++){
window.alert(p.province[i]);
}
</script>
|
ログイン後にコピー
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い内容については、他の点にも注目してください。関連トピックはphp中国語ウェブサイトの記事です!
推奨読書:
jQueryを使用したファジークエリを実装する手順の詳細な説明
async/await地獄の問題処理
以上がJS での JSON オブジェクトの定義と値の実装手順の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。