Zrozumienie JSON: Przewodnik Początkującego do Formatowania i Walidacji
Szybka odpowiedź
JSON to tekstowy format danych używający par key-value i tablic. Obsługuje strings, numbers, booleans, null, objects i arrays. Użyj naszego darmowego JSON Formatter aby beautify, walidować i minify JSON —całe przetwarzanie w przeglądarce.
Wstęp
JSON (JavaScript Object Notation) to lekki format wymiany danych, łatwy do czytania i pisania przez ludzi, i łatwy do parsowania i generowania przez maszyny. Jest najpowszechniejszym formatem danych dla komunikacji między web server i przeglądarkami, i w dużej mierze zastąpił XML w nowoczesnych web API.
Krok po kroku
-
Zrozumienie składni JSON
JSON używa nawiasów klamrowych {} dla obiektów, nawiasów kwadratowych [] dla tablic i par klucz-wartość oddzielonych dwukropkami. Klucze muszą być ciągami znaków ujętymi w cudzysłów. Wartościami mogą być ciągi znaków, liczby, wartości logiczne, wartości null, obiekty lub tablice.
-
Sformatuj swój JSON
Wklej dane JSON do narzędzia JSON Formatter. Automatycznie upiększy JSON odpowiednimi wcięciami i podziałami linii, dzięki czemu będzie łatwy do odczytania.
-
Zweryfikuj strukturę
Program formatujący sprawdza JSON pod kątem błędów składniowych. Jeśli jest poprawny, wyświetla sformatowane wyjście. Jeśli jest nieprawidłowy, wyświetla komunikat o błędzie wskazujący problem.
-
Skopiuj lub użyj wyniku
Skopiuj sformatowany plik JSON do schowka w celu użycia go w kodzie, dokumentacji lub debugowaniu.
Przykłady
Prosty obiekt
Wejście: {"name":"Alice","age":30}
Wyjście: {
"name": "Alice",
"age": 30
}
Tablica obiektów
Wejście: [{"id":1},{"id":2}]
Wyjście: [
{ "id": 1 },
{ "id": 2 }
]
Struktura zagnieżdżona
Wejście: {"user":{"name":"Bob","tags":["admin","user"]}}
Wyjście: {
"user": {
"name": "Bob",
"tags": ["admin", "user"]
}
}
Typowe problemy
- Używanie pojedynczych cudzysłowów w przypadku ciągów —JSON wymaga podwójnych cudzysłowów w przypadku ciągów i kluczy.
- Przecinki końcowe —JSON nie pozwalają na wstawianie przecinka po ostatnim elemencie obiektu lub tablicy.
- Komentarze —JSON nie obsługuje komentarzy (// lub /* */). Jeśli potrzebujesz komentarzy, użyj JSONC lub JSON5.
- Klucze bez cudzysłowu — wszystkie klucze muszą być ujęte w cudzysłów, w przeciwieństwie do literałów obiektowych JavaScript.
Porady
- Użyj formatera JSON, aby wychwycić błędy składniowe przed wysłaniem danych do API.
- Zminifikowany JSON oszczędza przepustowość — użyj minifikacji w produkcji, formatowania w programowaniu.
- JSON nie obsługuje funkcji niezdefiniowanych ani dat jako wartości — użyj ciągów null lub ciągów ISO 8601.
- Użyj JSON.parse() w JavaScript, aby przekonwertować JSON ciągi znaków na obiekty i JSON.stringify() aby przekonwertować obiekty na JSON.