Die JavaScript JSON parse-Funktion wirst du schnell kennenlernen und häufig in deinem Code verwenden. Dies gilt insbesondere, wenn du Code außerhalb eines Frameworks wie React / Angular / Vue schreibst.
Die erste Frage, die du wahrscheinlich hast, ist: ‚Was macht die JavaScript JSON parse-Funktion?‘ Nun, die Antwort ist ganz einfach, sobald du den Unterschied zwischen JSON und JavaScript-Objekten verstehst.
Ich werde das zuerst im Tutorial klären, wo wir sehen, dass JSON-Daten eigentlich nur eine String-Darstellung eines Objekts sind, was bedeutet, dass du nicht direkt auf seine Eigenschaften zugreifen kannst. Nur echte JavaScript-Objekte können auf diese Weise zugegriffen werden.
Wenn du den Unterschied zwischen JSON und JavaScript-Objekten kennst, ist es einfach zu erkennen, dass die JSON parse-Funktion einfach einen JSON-String nimmt und ihn in ein echtes JavaScript-Objekt umwandelt, sodass wir auf seine Eigenschaften zugreifen können.
Im Rest des Tutorials werden wir uns mit JSON-Daten von Remote-Calls (wie JSON, das von einer API zurückgesendet wird) befassen, indem wir JavaScript JSON parse von URL verwenden, und wie die Daten geparst werden müssen, wenn sie in einem stringähnlichen Format zurückgegeben werden.
Wir werden auch ein weiteres Beispiel mit der Fetch API durchgehen, um Daten abzurufen, und du wirst sehen, dass du, wenn du diese Technik verwendest, um externe Daten abzurufen, die JavaScript JSON parse-Funktion tatsächlich nicht benötigst.
Schließlich wirst du in unserem JavaScript JSON parse-Tutorial über den einen häufigen Fehler lernen, den viele neue Entwickler machen, wenn sie mit JSON-Daten arbeiten, insbesondere wenn sie einen JavaScript JSON parse-Fehler nicht behandeln. Es ist oft notwendig zu überprüfen, ob die Daten, die du zu parsen versuchst, gültiges JSON sind, da das Übergeben eines ungültigen Strings einen Fehler verursachen wird. Mit den beiden Remote-Call-Beispielen zeige ich dir, wie du mit diesen Arten von Fehlern umgehst und sicherstellst, dass dein JavaScript-Code weiterhin reibungslos funktioniert. Kanalhandle @codebubb