Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte JSON-Studie zu JSON in JavaScript

高洛峰
Freigeben: 2016-11-25 11:30:53
Original
919 Leute haben es durchsucht

Hinweis: Sie müssen nur das entsprechende Javascript auf der Startseite eingeben, um
Js-Code


1 . Erstellen Sie ein Objekt mit JSON in Javascript
Js-Code
//Erstellen Sie ein leeres Objekt
var JSONObject = {}

//Erstellen Sie ein neues Objekt
var JSONObject = neues Objekt ()

//Erstellen Sie ein Objekt mit Attributen, wobei der Name eine Zeichenfolge und das Alter eine Ganzzahl ist
var JSONObject = {
"name":"kevin",
" age":23
}
Ähnlich wie bei Java können wir die Eigenschaften des Objekts über den Punktoperator (.) abrufen.
Js-Code
var JSONObject = {
"name": "kevin",
"age":24,
};

alert("JSONObject.name: "+JSONObject.name);
alert("JSONObject.age:"+JSONObject.age);
2. Verwenden Sie JSON, um ein Array-Objekt in Javascript zu erstellen
Erstellen Sie ein Student-Objekt, das zwei Arrays enthält Objekt, jedes Array-Objekt enthält die Eigenschaften des Student-Objekts. " className": "java",                                            :"java", 
 " age":24
}                                                           
"score":100
}
]
}

var i=0; "+student.Class[i].name);
warning("student .Class["+i+"].className===>"+student.Class[i].className);
Warnung ("student.Class["+i+"].age===>" +student.Class[i].age); 
} 

for(i=0;i warning("student.Score["+ i+"].name===>"+student.Score[i].name);
warning("student.Score ["+i+"].score===>"+student.Score[ i].score);
}
3. Verwenden Sie JSON, um Nachrichten in Javascript zu erstellen
Js-Code
/ /ein Student-Objekt erstellen 
var Student = { 
 "Math": [{ 
            „name“: „Kevin“,      "mark":40 ,   
            "Alter": 25          "mark":70,   
"age":23   
        },{   
            "name": "smart2",   
            "mark":40,   
            "age":25   
       }   
    ]   
}   
  
//Array-Wert drucken  
var i = 0;   
var array = new 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);   
  
//Diese Methode erzeugt einen JSON-Text aus einem JavaScript-Wert.  
//这个方法将一个JavaScript值转换为一个JSON字符串  
alert("array.toJSONString()==>"+array.toJSONString());   
alert("String.parseJSON==>"+array.toJSONString().parseJSON());   
var data2 = array.toJSONString().parseJSON();   
if(data2 instanceof Array){   
    warning("Array");   

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage