Von JSON zum JavaScript-Objekt
JSON ähnelt JavaScript, ist aber nicht dasselbe: Jeder Schlüssel muss in doppelten Anführungszeichen stehen. Wenn Sie Daten in Ihren Code einfügen, möchten Sie sie meist im Stil Ihres Projekts schreiben: Schlüssel ohne Anführungszeichen, einfache Anführungszeichen und eine Deklaration wie const oder export default.
Genau das übernimmt dieses Tool. Es entfernt die Anführungszeichen bei Schlüsseln, die gültige JavaScript-Namen sind, schreibt Texte mit einfachen oder doppelten Anführungszeichen, ergänzt die gewählte Deklaration (const, export default oder module.exports) und auf Wunsch abschließende Kommas.
Zahlen werden unverändert übernommen, Sonderzeichen in Texten korrekt maskiert.
So konvertieren Sie JSON zu JavaScript
- Fügen Sie das JSON ein oder öffnen Sie eine .json-Datei.
- Wählen Sie die Deklaration: const, export default, module.exports oder nur das Objekt.
- Wählen Sie einfache oder doppelte Anführungszeichen und die Einrückung.
- Klicken Sie auf „In JavaScript umwandeln“ und kopieren Sie den Code oder laden Sie die .js-Datei herunter.
Wann Sie es brauchen
- Beispieldaten oder Mocks in einen Test einfügen.
- Eine JSON-Konfigurationsdatei in ein JavaScript-Modul umwandeln.
- Konstanten mit Listen von Ländern, Kategorien oder Übersetzungen anlegen.
- Ein JSON an den Stil Ihres Projekts anpassen (Prettier, ESLint).
Häufig gestellte Fragen
Was ist der Unterschied zwischen JSON und einem JavaScript-Objekt?
JSON ist ein Textformat mit strengen Regeln: Schlüssel in doppelten Anführungszeichen, keine Kommentare und keine abschließenden Kommas. Ein JavaScript-Objektliteral erlaubt Schlüssel ohne Anführungszeichen, einfache Anführungszeichen, abschließende Kommas und Ausdrücke.
Warum stehen manche Schlüssel weiterhin in Anführungszeichen?
Weil sie in JavaScript keine gültigen Bezeichner sind, zum Beispiel „first-name“ oder „1st“. Diese brauchen Anführungszeichen, damit der Code funktioniert.
Kann ich das Ergebnis in TypeScript verwenden?
Ja, es ist gültiges JavaScript und damit auch gültiges TypeScript. Wenn Sie zusätzlich die Typen möchten, nutzen Sie den JSON-zu-TypeScript-Konverter.
Werden meine Daten an einen Server gesendet?
Nein. Alles wird mit JavaScript in Ihrem Browser verarbeitet. Der eingefügte Text und die geöffneten Dateien verlassen Ihr Gerät nicht, Sie können also bedenkenlos auch interne Daten oder Kundendaten verwenden.
Ist das kostenlos?
Ja. Sie können das Tool kostenlos mit einem Dokument testen (eingefügt oder eine Datei) und die Optionen dabei so oft ändern, wie Sie möchten; Versuche mit Fehlern verbrauchen den Test nicht. Für unbegrenzte Nutzung und die Verarbeitung mehrerer Dateien auf einmal kostet ToolStudio Pro 1,99 € pro Monat und enthält alle Tools.