Konvertieren von JSON in Objekt in JavaScript

Siddharth Swami 18 Oktober 2021
Konvertieren von JSON in Objekt in JavaScript

JSON ist eine leichte und textbasierte Sprache zum Speichern und Übertragen von Daten. JSON stellt zwei strukturierte Typen dar, die Objekte und Arrays sind. Es basiert auf JavaScript-Objekten und steht für JavaScript Object Notation. JSON wird hauptsächlich beim Austausch von Daten zum/vom Web verwendet.

In diesem Tutorial wird gezeigt, wie Sie einen JSON-String sicher in ein Objekt umwandeln.

Daten werden vom Server in Form einer Zeichenkette empfangen, entweder als numerischer Wert oder als Datum. Wir müssen also Daten in ein Objekt umwandeln, um die Datei auszuführen. Wir haben eine Funktion namens JSON.parse() in JavaScript, die verwendet wird, um die Daten zu analysieren, die zu einem JavaScript-Objekt werden. Die Funktion parst den kompletten vom Server bereitgestellten Text und wandelt ihn dann in ein Objekt um.

Der folgende Code demonstriert die Verwendung der Funktion JSON.parse().

<!DOCTYPE html>
<html>
<body>
<p id="example"></p>

<script>
const text = '{"name":"ram", "age":22, "city":"New Delhi"}'
const object = JSON.parse(text);
document.getElementById("example").innerHTML = object.name + ", " + object.age;
</script>

</body>
</html>

Ausgabe:

ram, 22

Im obigen Beispiel haben wir einen JSON-Text, der aus einem Namen und der Stadt besteht, in der eine Person lebt, der dann geparst wird, indem ein Objekt dafür erstellt wird. Dann können wir mit der Funktion getElementById() die erforderlichen Werte abrufen.

Eine andere Möglichkeit, JSON.parse() zu verwenden, ist die Verwendung der Funktion let() in JavaScript. Hier können wir den Text direkt parsen, ohne ihn zuerst einer Variablen zuzuweisen und dann zu parsen.

Siehe den folgenden Code.

<!DOCTYPE html>
<html>
<body>

<p id="example"></p>

<script>
    
let json_Object = JSON.parse('{"name":"ram", "age":22, "city":"New Delhi"}');
document.getElementById("example").innerHTML = json_Object.name + ", " + json_Object.age;

</script>
</body>
</html>

Ausgabe:

ram, 22

In JSON sind Datumsobjekte nicht zulässig. Wir müssen es also als String in JSON schreiben und dann mit der Funktion Date() wieder in ein Datumsobjekt umwandeln.

Zum Beispiel,

<!DOCTYPE html>
<html>
<body>

<p id="example"></p>

<script>
    
const text1 = '{"name":"ram", "birth":"2000-03-05", "city":"New Delhi"}';
const object = JSON.parse(text1);
object.birth = new Date(object.birth);
document.getElementById("example").innerHTML = object.birth; 
</script>

</body>
</html>

Ausgabe:

Sun Mar 05 2000 05:30:00 GMT+0530(India Standard Time)

Verwandter Artikel - JavaScript JSON

Verwandter Artikel - JSON Object