ホームページ > ウェブフロントエンド > jsチュートリアル > JSON の詳細な学習 JavaScript での JSON

JSON の詳細な学習 JavaScript での JSON

高洛峰
リリース: 2016-11-25 11:30:53
オリジナル
936 人が閲覧しました

注:
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;ialert("student.Class["+i+"].name===>"+student.Class[i].name); .Class["+i+"].className===>"+student.Class[i].className);
alert("student.Class["+i+"].age===> "+student .Class[i].age);
}

for(i=0;ialert("student.Score["+i+"].name== => "+student.Score[i].name);
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].name);   
array.push(Student.Math[i].mark);   
array.push(Student.Math[i].age);   
}

for(i=0;i array.push(Student.Science[i].name);   
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("配列");   
}

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート