ホームページ > 記事 > ウェブフロントエンド > JSON の詳細な学習 JavaScript での JSON
注:
Js コードをテストするには、対応する JavaScript をフロント ページに導入するだけです
1. JavaScript で JSON を使用してオブジェクトを作成します
Js コード
//空のオブジェクトを作成します
var JSONObject = {}
//新しいオブジェクトを作成します
var JSONObject = new Object()
//属性を含むオブジェクトを作成します。名前は文字列と年齢です。 is Integer 型
var JSONObject = {
"name":"kevin",
"age":23
}
Java と同様に、ドット (.) 演算子を通じてオブジェクトのプロパティを取得できます。
Js コード
var JSONObject = {
"名前":"ケビン",
"年齢":24,
};
alert("JSONObject.name:"+JSONObject.name); :"+JSONObject.age);
2. JSON を使用して JavaScript で配列オブジェクトを作成します
2 つの配列オブジェクトを含む Student オブジェクトを作成します。各配列オブジェクトには Student オブジェクトのプロパティが含まれます。
jscode
var学生= {class name "age":23
}、]、
// 2番目の配列オブジェクト "スコア":[
"name": "shower"、 "score":100
(i = 0;i
alert("student.Class["+i+"].age===> "+student .Class[i].age);
}
for(i=0;i
alert("student.Score["+i+"].score===>"+student.Score[i].score);
}
3. 使用しますJavaScript でメッセージを作成するための JSON
Js コード
//Student オブジェクトを作成する
var Student = {
"Math":[{
"名前":"ケビン",
"マーク":70,
"年齢":23
},{
"名前":"スマート",
"マーク":40,
"年齢":25
}
],
"科学":[{
"名前":"kevin2",
"マーク":70,
"年齢":23
},{ "名前":"smart2",
"マーク":40 ,
"age":25
}
]
}
//配列値を出力
var i = 0;
var 配列 = 新しい Array();
for(i=0;i
array.push(Student.Math[i].mark);
array.push(Student.Math[i].age);
}
for(i=0;i
array.push(Student.Science[i].mark);
array.push(Student.Science[i].age);
}
alert("array==>"+array);
//このメソッドは、JavaScript 値から JSON テキストを生成します。
//このメソッドは JavaScript 值转换を JSON 文字列にします
alert("array.toJSONString()==>"+array.toJSONString());
alert("String.parseJSON==>"+array.toJSONString().parseJSON());
var data2 = array.toJSONString().parseJSON();
if(配列のデータ2インスタンス){
alert("配列");
}