Jak Formatować i Walidować Dane JSON Krok po Kroku
Szybka odpowiedź
Aby sformatować JSON: wklej JSON do JSON Formatter i beautified output z poprawną indentacją pojawia się natychmiast. Aby zwalidować: narzędzie automatycznie sprawdza syntaksę i pokazuje błąd z lokalizacją jeśli niepoprawny. Całe przetwarzanie odbywa się lokalnie.
Wstęp
JSON (JavaScript Object Notation) to najpowszechniejszy format danych dla web API i plików konfiguracyjnych. Surowy JSON z API jest często zminifikowany do jednej linii, co utrudnia czytanie. Formatowanie (nazywane beautifying lub pretty-printing) dodaje indentację i podziały linii. Walidacja sprawdza czy syntaksa JSON jest poprawna —jeden źle umieszczony przecinek może zepsuć całą aplikację.
Krok po kroku
-
Otwórz narzędzie formatujące JSON
Przejdź do strony narzędzia JSON Formater. Narzędzie akceptuje jako dane wejściowe dowolny ciąg JSON — obiekty, tablice lub struktury zagnieżdżone.
-
Wklej swoje dane JSON
Wklej JSON, który chcesz sformatować lub zatwierdzić, do wejściowego obszaru tekstowego. Może to być odpowiedź API, plik konfiguracyjny lub ciąg JSON z Twojego kodu.
-
Przejrzyj sformatowane dane wyjściowe
Narzędzie analizuje JSON i ponownie serializuje go, stosując wcięcia z 2 spacjami i podziały wierszy. Sformatowany wynik pojawia się natychmiast w polu wyniku. Jeśli JSON jest nieprawidłowy, pojawi się komunikat o błędzie z lokalizacją problemu ze składnią.
-
Sprawdź status walidacji
Jeśli JSON jest prawidłowy, narzędzie wyświetla wskaźnik powodzenia i sformatowany wynik. Jeśli jest nieprawidłowy, wyświetla błąd analizy — na przykład „Nieoczekiwany token na pozycji 42” — dzięki czemu możesz naprawić problem ze składnią w źródle.
-
Skopiuj lub zminimalizuj wynik
Użyj przycisku Kopiuj, aby skopiować sformatowany plik JSON do schowka. Niektóre narzędzia oferują także przycisk Minify umożliwiający usunięcie wszystkich białych znaków — przydatny do zmniejszania rozmiaru ładunku w środowisku produkcyjnym.
Przykłady
Format zminimalizowany JSON
Wejście: {"name":"Alice","age":30,"roles":["admin","user"]}
Wyjście: {
"name": "Alice",
"age": 30,
"roles": ["admin", "user"]
}
Wykryj nieprawidłowy JSON (przecinek końcowy)
Wejście: {"a":1,"b":2,}
Wyjście: Error: Unexpected token } at position 11
Wykryj nieprawidłowy JSON (pojedynczy cudzysłów)
Wejście: {'name':'Alice'}
Wyjście: Błąd: nieoczekiwany token „na pozycji 1”.
Typowe problemy
- Używanie pojedynczych cudzysłowów w przypadku ciągów —JSON wymaga podwójnych cudzysłowów w przypadku wszystkich ciągów i kluczy.
- Przecinki końcowe po ostatnim elemencie —JSON nie dopuszcza przecinka przed } lub ].
- Komentarze w JSON — standard JSON nie obsługuje komentarzy // lub /* */. Jeśli potrzebujesz komentarzy, użyj JSONC lub JSON5.
- Klucze bez cudzysłowów — w przeciwieństwie do literałów obiektowych JavaScript, JSON wymaga, aby wszystkie klucze były ujęte w podwójne cudzysłowy.
- Wartości niezdefiniowane, NaN lub Nieskończoność — JSON obsługują tylko wartość null, a nie niezdefiniowane lub NaN.
Porady
- Zawsze sprawdzaj poprawność JSON przed wysłaniem go w żądaniu API — błąd składni może spowodować odpowiedź 400 Bad Request.
- Użyj zminimalizowanego JSON w środowisku produkcyjnym, aby zaoszczędzić przepustowość, i sformatuj JSON w fazie rozwoju, aby zapewnić czytelność.
- JSON nie obsługuje obiektów Date — serializuj daty jako ciągi znaków ISO 8601 (np. „2026-09-02T00:00:00Z”).
- Użyj JSON.parse() w JavaScript, aby przekonwertować ciąg JSON na obiekt i JSON.stringify() aby przekonwertować obiekt na ciąg JSON.