Objekte und JSON in JavaScript_Basics

Einführung

JSON ist JavaScript Object Natation. Es ist ein leichtes Datenaustauschformat, das sich sehr gut für die Interaktion zwischen dem Server und JavaScript eignet.
JSON ist ein Datenaustauschformat wie XML und YAML, eine Möglichkeit, strukturierte Informationen zwischen verschiedenen Sprachen zu übertragen. Andererseits sind JavaScript-Objekte ein Datentyp in der JavaScript-Sprache, genau wie Arrays in PHP, Klassen und Strukturen in C.

JSON- und Javascript-Objekte definieren

Beim Definieren eines Objekts in einem JavaScript-Programm kann der Attributname des Objekts in doppelte Anführungszeichen gesetzt werden oder nicht. Wenn der Attributname Sonderzeichen enthält (z. B.!, if usw.), müssen doppelte Anführungszeichen hinzugefügt werden.
Bei der Definition von JSON muss der Attributname in doppelte Anführungszeichen gesetzt werden.

Codebeispiel:

1. Javascript-Objekt definieren

Code kopieren Der Code lautet wie folgt:

var obj={name:"tudouya","sex":"man"}; #Zwei Attribute können mit doppelten Anführungszeichen oder ohne
hinzugefügt werden var obj={"!":"hello world"}; #Doppelte Anführungszeichen müssen hinzugefügt werden, wenn der Attributname Sonderzeichen
enthält

2. Definieren Sie die JSON-Zeichenfolge

Code kopieren Der Code lautet wie folgt:

var jsonString={"name":"tudouya"}; #Bei der Definition von JSON müssen doppelte Anführungszeichen hinzugefügt werden

Javascript-Objekt in JSON konvertiert

1. Javascript-Objekt in JSON konvertieren

Wir können die integrierte Funktion von Javascript verwenden, um Javascript-Objekte in JSON zu konvertieren. Diese Funktion ist JSON.stringify().
Codebeispiel:

Code kopieren Der Code lautet wie folgt:

var obj={name:"tudouya",sex:"man"};
var jsonObj=JSON.stringify(obj);
console.log(jsonObj);
##Das Ausgabeergebnis ist: {"name": "tudouya", "sex": "man"}

Bei der Konvertierung von JavaScript-Objekten in JSON müssen wir eines beachten:
Wenn das Objekt Attribute enthält, deren Werte Funktionen und Datumsangaben sind, ignoriert JSON die Attribute, deren Werte Funktionen sind, und konvertiert die Attribute, deren Werte Datumsangaben sind, in Zeichenfolgen.
Codebeispiel:

Code kopieren Der Code lautet wie folgt:

var obj={
Name:"tudouya",
Geburtstag:neues Datum(),
action:function (){
document.write("walk");
}
};
var jsonObj=JSON.stringify(obj);
console.log(jsonObj);
##Das Ausgabeergebnis ist: {"name": "tudouya", "birthday": "2014-08-12T10:05:00.497Z"}

JSON in Javascript analysieren

In älteren Versionen von JS verwendet normalerweise jeder die Funktion eval() zum Parsen von JSON, aber ECMAScript5 stellt uns eine neue Funktion JSON.parse() zum Parsen von JSON zur Verfügung.

Die Verwendung dieser Funktion ist relativ einfach, Sie können es selbst ausprobieren. Wenn diese Funktion auf einen JSON-String angewendet wird, wird der JSON in ein JavaScript-Objekt konvertiert. Das heißt, wenn der Operator „typeof“ zum Anzeigen des Typs der Funktion verwendet wird, ist der zurückgegebene Wert „Object“.
Beachten Sie außerdem, dass diese Funktion erst nach ECMAScript 5 unterstützt wird. Wenn es sich um eine ältere Version des Browsers handelt, wird diese Funktion möglicherweise nicht unterstützt. Die Lösung besteht darin, eine js-Datei zu laden, die diese Funktion implementiert, nämlich json2.js. Wenn Sie das JQuery-Framework jQuery.parseJSON() verwenden, ruft diese Funktion die Methode JSON.parse() auf.
Was die Verwendung der eval()-Methode zum Parsen von JSON betrifft, wird dies nach eingehender Untersuchung aufgezeichnet.

Ein sehr wichtiges Konzept

Als Front-End-Neuling höre ich oft „JSON-Objekt“ sagen, aber tatsächlich gibt es kein Konzept für „JSON-Objekt“. Die wahre Form von JSON ist eine Zeichenfolge.