JSON zum Erlernen und Verstehen von JavaScript (Zusammenfassungsfreigabe)

So starten Sie schnell mit VUE3.0: Einstieg ins Lernen.

Verwandte Empfehlungen: JavaScript-Tutorial

1. JSON-Objekt

-Aufgabenbeschreibung

Aufgabe für diese Stufe: Üben Sie das Definieren von JSON-Objekten in JavaScript.

Die spezifischen Anforderungen lauten wie folgt:

• Definieren Sie ein JSON-Objekt JSONObject mit drei Attributen: key1, key2 und key3, deren Werte die Parameter a, b und c sind.

• Löschen Sie das Attribut mit dem Namen key3 und

• durchlaufen Sie es Alle verbleibenden Attribute geben eine Zeichenfolge zurück, die durch die Verkettung der Werte jedes Attributs in der Mitte gebildet wird.

Da JSON zum Übertragen von Daten verwendet wird, müssen diese zunächst in einem bestimmten Datenformat gespeichert werden Zu den Datenformaten für JSON gehören JSON-Objekte, JSON-Arrays und JSON-Strings.

Was ist ein JSON-Objekt?

Ein JSON-Objekt (allgemein als JSON bezeichnet) ist ein文本数据, das zum Speichern und Übertragen von Daten verwendet wird. Ein Beispiel lautet wie folgt:

{"name": "Jerry", "age":15}

Dies ist ein einfaches JSON-Objekt. Seine Regeln sind:

• Daten liegen in Form von键/值对vor;
Daten werden durch
• Kommas
• getrennt
• Zeigt das Speichern des Objekts an;
• eckige Klammern zeigen das Speichern des Arrays an.

Der Unterschied zwischen JSON-Objekten und Javascript-Objekten

JSON basiert auf der JavaScript-Syntax, daher gibt es auch das Konzept von Objekten in JSON, es gibt jedoch einige kleine Unterschiede zu Objekten in JavaScript.

1. Definieren Sie ein JavaScript-Objekt:

var myObject = {
    ID:1,
    Name: „Peter Bruce“,
    „Vorname“: „Bruce“,
    display:function() {
                console.log(dieser.name);
            }}

2. Definieren Sie ein JSON-Objekt:

{"id":1,"name": "Peter Bruce", "Vorname": "Bruce"}

3. Drei Unterschiede:

(1) Der Attributname (Schlüssel) des JSON -Objekts muss in doppelte Anführungszeichen gesetzt werden , während das JavaScript-Objekt beliebig ist, mit der Ausnahme, dass der Attributname mit Leerzeichen und der Attributname mit einem Bindestrich in der Mitte in doppelte Anführungszeichen eingeschlossen werden müssen;
(2) Methoden können nicht in JSON-Objekten definiert werden , sie können jedoch in JavaScript对象definiert werden;
(3) JSON-Objekte können von vielen Sprachen bedient werden, während JavaScript-Objekte nur von JS selbst erkannt werden können .

4. Die Methode zum Definieren eines JSON-Objekts ist wie folgt

{} sind Schlüssel-Wert-Paare enthalten, die aus mehreren Attributnamen und Attributwerten bestehen werden durch : Attribut getrennt. Der Wert kann einer der folgenden Datentypen sein: Zahl, Zeichenfolge, JSON-Array, JSON-Objekt, Null. Beispiel:

{"a":1,"b":2.12,"c":true,"d"string",e":null}

Die Situation, wenn der Attributwert ein JSON-Array oder ein JSON-Objekt ist ist etwas komplizierter. Die Level werden eingeführt.

Verwendung von JSON-Objekten in JavaScript

Jede Sprache, die JSON unterstützt, kann JSON-Objekte verwenden. Hier stellen wir nur vor, wie JSON-Objekte in JavaScript verwendet werden.

• Definieren Sie ein JSON-Objekt in JavaScript:

var jsonObject = {"name": "js", "number":2},

• um Attribute zu bedienen, verwenden . []

console.log(jsonObject.name);
//Attribute lesen und ausgeben jsconsole.log(jsonObject["name"]);
//Eigenschaften lesen und ausgeben jsjsonObject.name = "javascript";
// Attribute schreiben, dem Namensattribut einen Wert zuweisen und

• das Attribut mit Javascript löschen. Verwenden Sie delete:

var jsonObject = {"name": "js", "number":2};
jsonObject.name löschen;
//Löschen Sie das Namensattribut

• und durchlaufen Sie die Attribute mithilfe einer For-In-Schleife:

var jsonObject = {"name":"js","number":2};for(att in jsonObject) {
  console.log(jsonObject[att]);
  //Js, 2}

Codedateien

der Sequenzfunktion mainJs(a,b,c) {

	//Bitte schreiben Sie hier Code /********** Beginn **********/
    var JSONObject = {"key1":a,"key2":b,"key3":c};
    JSONObject.key3 löschen;
    return a+","+b;
	/********** Ende ************/}

2.

Beschreibung der JSON-Array-Aufgabe

Diese Aufgabenebene: Definieren und bearbeiten Sie die Werte in JSON-Schlüssel-Wert-Paaren.

Die spezifischen Anforderungen lauten wie folgt:

• Es ist bekannt, dass der Wert des dritten Attributs von myJson ein Array und der Parameter a eine Zahl ist. Es ist erforderlich, die ersten a-Elemente im Array zu verbinden (diese Elemente sind alle Zeichenfolgentypen). ) und trennen Sie die Elemente mit „On“, geben Sie die verkettete Zeichenfolge zurück.
• Wenn a beispielsweise 2 ist, müssen Sie js, java, zurückgeben.

Der Wert (Wert), der dem JSON-Attribut entspricht, ist ein Array.

Der

• Wert (Wert) im JSON-Schlüssel-Wert-Paar kann ein Array

sein

","bigCity":[ "Peking", "Shanghai", "ShenZhen", "HongKong"]}

Attribut bigCity hat mehrere Werte, die in einem Array platziert werden.

Im obigen Beispiel ist jedes Element des Arrays eine Zeichenfolge. Tatsächlich kann jedes Element des Arrays auch ein anderes JSON-Objekt sein . Zum Beispiel:

{"class": "Klasse 3, Klasse 1", "studentNumber": 70, "score":[
    {"name": "LiMing", "score": 128},
    {"name": "ZhangHua", "score": 134},
    {"name": "ShenLu", "score": 112}]}

Der Wert des obigen Score-Attributs ist ein Array, und jedes Element dieses Arrays ist ein JSON-Objekt.

Einige Operationen am Array

1. lesen und schreiben Elemente:

var myJson = {"country": "China", "population": "1.3billion", "bigCity":["Peking", "Shanghai", "ShenZhen", "HongKong". "] }console.log(myJson.bigCity[1]);
//Ausdrucken ShanghaimyJson.bigCity[0] = "GuangZhou";
// Dem ersten Element wird der Wert GuangZhou

2. traversal zugewiesen:

var myJson = {"country": "China", "population": "1.3billion", "bigCity":["Peking", "Shanghai", "ShenZhen", "HongKong"]}for(var i = 0;i < myJson.bigCity.length;i++) {
    

die Codedateien

von Peking, Shanghai, ShenZhen, HongKong

[Die erste Methode wurde später geschrieben, und die zweite Methode unten wurde zu Beginn verwendet, weil zu dieser Zeit Wenn ich es nicht kann, möchte ich es einfach direkt ausgeben]

var myJson = {
    „Kategorie“: „Computer“,
    „detail“:Programmierung,
    "Sprache":[
    „js“, „java“, „php“, „python“, „c“
    ]}Funktion mainJs(a) {
    a = parseInt(a);
	//Bitte schreiben Sie hier Code /********** Beginn **********/
    var b = "";
    for(var i=0;i<a;i++){
        b = b+myJson.sprache[i]+",";
    }
    return b.slice(0,-1);
	/********** Ende **********/}

var myJson = {
    „Kategorie“: „Computer“,
    „detail“:Programmierung,
    "Sprache":[
    „js“, „java“, „php“, „python“, „c“
    ]}Funktion mainJs(a) {
    a = parseInt(a);
	//Bitte schreiben Sie hier Code /********** Beginn **********/
    if(a==1){
        return myJson.sprache[0];
    }
    if(a==2){
        return myJson.sprache[0]+","+myJson.sprache[1];
    }
    if(a==3){
        return myJson.sprache[0]+“,+myJson.sprache[1]+“,+myJson.sprache[2];
    }
    if(a==4){
        return myJson.sprache[0]+“,+myJson.sprache[1]+“,+myJson.sprache[2]+“,+myJson.sprache[3];
    }
    if(a==5){
        return myJson.sprache[0]+“,+myJson.sprache[1]+“,+myJson.sprache[2]+“,+myJson.sprache[3]+“,+myJson.sprache[4 ];
    }
	/********** Ende ************/}

3. JSON-String-

Aufgabenbeschreibung

Aufgabe: Üben Sie die Konvertierung von JSON-Strings und JavaScript-Objekten ineinander.

Die spezifischen Anforderungen lauten wie folgt:

1. Konvertieren Sie zuerst den JSON-String JSONString in ein JavaScript-Objekt JSONObject,
2. setzen Sie dann den Wert des Attributs key1 des JSONObject auf den Parameter a der Funktion mainJs() und
3. konvertieren Sie schließlich den JSON-String Geben Sie die Zeichenfolge

an das Front-End zurück. JSON kann zum Übertragen von Daten in den und aus dem Hintergrund verwendet werden. Tatsächlich wird jedoch eine JSON-Zeichenfolge übertragen, und JSON-Objekte können nicht direkt übertragen werden.

JSON-String

JSON-String ist ein String, der durch das Einfügen von ' auf beiden Seiten des JSON-Objekts gebildet wird, z. B.:

var JSONObject = {"k1": "v1", "k2": "v2"};
//JSON-Objektvariable JSONString1 = '{"k1": "v1", "k2": "v2"}';
//

JSONSring1 über der JSON-Zeichenfolge ist die JSON-Zeichenfolge, die direkt vom Front-End an das Backend oder vom Backend an das Front-End übergeben werden kann.

Wenn JavaScript die vom Hintergrund übertragene JSON-Zeichenfolge empfängt, wie kann sie zur einfachen Verarbeitung in ein JSON-Objekt umgewandelt werden?

JSON-String in JavaScript-Objekt

JSON.parse(a,b) konvertiert den JSON-String a in ein JavaScript-Objekt. b ist ein optionaler Funktionsparameter.

var JSONString1 = '{"k1": "v1", "k2": "v2"}';console.log(JSON.parse(JSONString1));
//Objekt ausgeben {k1: „v1“, k2: „v2“}

Funktionsparameter b wirkt auf alle Eigenschaften des Objekts in der Reihenfolge从里到外, und der letzte wirkt auf das Objekt selbst:

//Jede Eigenschaft des Objekt Addiere 1 zum Wert var text = '{ "key1":1, "key2":2, "key3":2.2}';var obj = JSON.parse(text, function (key, value) {
    if(key === '')//Wenn Sie auf das Objekt selbst stoßen, geben Sie den Wert zurück, ohne 1 hinzuzufügen;
    return value+1;//Füge 1 zum Attributwert hinzu});console.log(obj);
    //Ausgabeobjekt {key1: 2, key2: 3, key3: 3.2}

Wie oben gezeigt, hat die Funktion zwei Parameter, wobei key den Namen des Attributs und value den Wert des Attributs darstellt. Wenn Sie auf das Objekt selbst stoßen, key Der Wert ist '' , was eine leere Zeichenfolge ist.

Konvertieren Sie das JSON-Objekt in den JSON-String

JSON.stringify(a,b,c) , a ist das zu konvertierende JSON-Objekt, b und c sind optionale Parameter.

var JSONObject = {"k1": "v1", "k2": "v2"};
JSON.stringify(JSONObject);
// JSON-Objekt in JSON-Zeichenfolge konvertieren

. Wenn Parameter b eine Funktion ist, verarbeitet die Funktion jedes Attribut des JSON-Objekts der Reihe nach von innen nach außen. Das letzte verarbeitete ist das JSON-Objekt selbst. Nach der Verarbeitung wird es konvertiert in einen JSON-String:

//Füge 1 zu allen Attributwerten des Objekts hinzu und konvertiere sie dann in Strings var JSONObject = {"k1":1,"k2":2.2};var JSONString = JSON.stringify( JSONObject,function(k,v){
    if(k === '')//Das JSON-Objekt selbst wird verarbeitet return v;
    return v+1;//Füge 1 zum Wert aller Attribute hinzu});console.log(JSONString);
    //Ausgabe {"k1":2,"k2":3.2}

Parameter b kann auch ein Array sein. Das Array speichert den Namen des Attributs und wird verwendet, um anzugeben, welche Attribute nur konvertiert werden:

//Konvertieren Sie bestimmte Attribute in object var JSONObject = {"k1":1,"k2":2.2,"k3":3};var JSONString = JSON.stringify(JSONObject,["k1","k2"]);console.log(JSONString) ;
//Ausgabe {"k1":1,"k2":2.2}

Hier ist eine kurze Einführung in c:

var str = ["name": "Tom", "age":16];var obj1 = JSON.stringify( str) ;
var obj2 = JSON.stringify(str,null,4);console.log(obj1);  
//Ausgabe {"name": "Tom", "age": 16}console.log(obj2); 
//Ausgabe//{
// „Name“: „Tom“,
// „Alter“: 16
//}

Parameter c: Einrückung, Leerzeichen und Zeilenumbrüche zum Text hinzufügen . Wenn c eine Zahl ist, wird der Rückgabewerttext auf jeder Ebene um die angegebene Anzahl von Leerzeichen eingerückt. Wenn c größer als 10 ist, wird der Text um 10 Leerzeichen eingerückt.

Codedatei

var JSONString = '{"key1":value1",key2"value2"}';function mainJs(a) {
	//Bitte schreiben Sie hier Code /********** Beginn **********/
    var JSONObject = JSON.parse(JSONString);
    JSONObject["key1"] = a;
    JSONObject.key1 = a;
    return JSON.stringify(JSONObject);
	/********** Ende ************/}

Verwandte Empfehlungen: JavaScript-Lern-Tutorial

Das Obige ist der detaillierte Inhalt von JSON (Zusammenfassungsfreigabe) zum Erlernen und Verstehen von JavaScript. Weitere Informationen finden Sie unter php Andere verwandte Artikel auf der chinesischen Website!