Detaillierte Erläuterung der JSON-Objektdefinitions- und Wertimplementierungsschritte in JS

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der Schritte zur JSON-Objektdefinition und -Wertimplementierung in JS geben. Was sind die Vorsichtsmaßnahmen für die JSON-Objektdefinition und -Wertimplementierung in JS? Fall. Schauen wir uns das einmal an.

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:

Detaillierte Erläuterung der Schritte zur Implementierung von Fuzzy-Abfragen mit jQuery

Async/await hell-Problembehandlung

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