Detaillierte Erläuterung der Schritte zur JSON-Objektdefinition und Wertinstanz in JS

Dieses Mal erkläre ich Ihnen ausführlich die Schritte zum Definieren und Abrufen von Werten von JSON-Objekten in JS. Was sind die Vorsichtsmaßnahmen zum Definieren und Abrufen von Werten von JSON-Objekten in JS? . Hier sind praktische Fälle.

1.JSON (JavaScript Object Notation) ist ein einfaches Datenformat, das leichter als XML ist. JSON ist ein natives JavaScript-Format, was bedeutet, dass für die Verarbeitung von JSON-Daten in JavaScript keine spezielle API oder Toolkit erforderlich ist.

Die Regeln von JSON sind einfach: Ein Objekt ist eine ungeordnete Sammlung von „Name:Wert“-Paaren. Ein Objekt beginnt mit „{“ (linke Klammer) und endet mit „}“ (rechte Klammer). Auf jeden „Namen“ folgt ein „:“ (Doppelpunkt); „Name/Wert“-Paare werden durch „“, (Komma) getrennt.

Die Regeln lauten wie folgt:

1) Die Zuordnung wird durch einen Doppelpunkt (:) dargestellt. Name:Wert
2) Parallele Daten werden durch Kommas (",") getrennt. Name 1: Wert 1, Name 2: Wert 2
3) Die zugeordnete Sammlung (Objekt) wird durch geschweifte Klammern („{}“) dargestellt. {Name 1: Wert 1, Name 2: Wert 2}
4) Die Sammlung (Array) paralleler Daten wird durch eckige Klammern („[]“) dargestellt.
[
{name1:value,name2:value2},
{name1:value,name2:value2}
]
5) Die Typen, die Elementwerte haben können: Zeichenfolge, Zahl, Objekt, Array, wahr, falsch, null

2. Fünf Schreibmethoden in JSON:

1) Traditionelle Art, Daten zu speichern und Daten aufzurufen

<script type="text/javascript">
//JS传统方式下定义"类"
function Person(id,name,age){
this.id = id;
this.name = name;
this.age = age;
}
//JS传统方式下创建"对象"
var p = new Person(20141028,"一叶扁舟",22); 
//调用类中的属性，显示该Person的信息
window.alert(p.id);
window.alert(p.name);
window.alert(p.age);
</script>

2) Der erste Stil:

<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) Der zweite Stil:

<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) Der dritte Stil:

<script type="text/javascript">
var p = {
"province":[
{"city":"福州"},
{"city":"厦门"},
{"city":"莆田"}
]
};
window.alert("所在城市：" + p.province[0].city);
</script>

5) Der vierte Stil:

<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) Der fünfte Stil:

<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>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Für weitere spannende Inhalte achten Sie bitte auf andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

JS Promise-Anwendungsfallanalyse

jQuery-Implementierung der praktischen Fallanalyse von Fuzzy-Abfragen

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zur JSON-Objektdefinition und Wertinstanz in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!