Heim > Web-Frontend > js-Tutorial > JSON, über das Sie nicht viel wissen

JSON, über das Sie nicht viel wissen

hzc
Freigeben: 2020-06-13 09:43:51
nach vorne
2552 Leute haben es durchsucht

Vorwort


Obwohl die Wahrscheinlichkeit, im Interview nach diesem Wissenspunkt gefragt zu werden, sehr gering ist, kann es dennoch vorkommen, dass danach gefragt wird.

Der Grund, warum JSON beliebt ist


  1. hat eine ähnliche Syntax wie js

  2. Die JSON-Datenstruktur kann in JS-Objekte analysiert werden

  3. Im Vergleich zur XML-Datenstruktur ist das Extrahieren von Daten einfacher

JSON-Syntax


Einfacher Wert

  1. String=>"123"

  2. Number= >123

  3. boolean=>true

  4. null

Objekt

{"name": "helin", "age": 12}

Array

[ {"name" : „ iskeeping“, „age“: 12} ]

Hinweis: Der JSON-Schlüssel muss doppelte Anführungszeichen verwenden, und wenn der Wert eine Zeichenfolge ist, müssen auch doppelte Anführungszeichen verwendet werden.

JSON-Parsing-Methode

1. Verwenden Sie eval

eval("({\"name\":\"iskeeping\"})")
Nach dem Login kopieren

2. Verwenden Sie Functionnew

Function("", "return ({\"name\":\"iskeeping\"})")()
Nach dem Login kopieren

3. Verwenden Sie JSON.parse

JSON.parse("{\"name\":\"iskeeping\"}")
Nach dem Login kopieren

JSON-Serialisierung


let json = simple value/object/array

JSON.stringify(json,null/[]/function(key,value) { }, Leerzeichenlänge/Zeichenfolge einrücken)

Beispiel:

let formateJson = JSON.stringify({ name: "iskeeping", age: 12 }, function (key, value) {
    switch (key) {
        case "name": return "iskeepingxx";
        default: return value;
    }
}, 8)
cosnole.log(formateJson)
Nach dem Login kopieren

AusgabeformatJson wie unten gezeigt:

JSON, über das Sie nicht viel wissen

JSON Native Unterstützung


Native JSON-Objekte werden von den folgenden Browsern unterstützt.

IE8+, Firefox3.5+, Safari 4+, Opera 10.5 und Chrome

Vielen Dank fürs Lesen!

Wenn Sie über WeChat kommunizieren müssen, können Sie eine Nachricht hinterlassen!

Empfohlenes Tutorial: „JS-Tutorial

Das obige ist der detaillierte Inhalt vonJSON, über das Sie nicht viel wissen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:juejin.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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage