Formatowanie i walidacja JSON

Czym jest JSON?

// Format (pretty-print) JSON with 2-space indentation
const raw = '{"name":"Alice","age":30,"active":true}';
const parsed = JSON.parse(raw);        // parse string → object
const formatted = JSON.stringify(parsed, null, 2);
console.log(formatted);
// → {
//     "name": "Alice",
//     "age": 30,
//     "active": true
//   }

// Minify JSON (strip all whitespace)
const minified = JSON.stringify(parsed);
console.log(minified);
// → '{"name":"Alice","age":30,"active":true}'

Kluczowe funkcje

Przykłady

{"status":200,"data":{"user":{"id":"usr_2x7kP9","name":"Alice Chen","email":"alice@example.com","roles":["admin","editor"],"lastLogin":"2026-03-12T08:30:00Z"},"meta":{"requestId":"req_abc123","timestamp":1741776600}}}

{"name":"my-app","version":"2.1.0","private":true,"scripts":{"dev":"next dev","build":"next build","start":"next start","lint":"eslint ."},"dependencies":{"react":"^18.2.0","next":"14.1.0"},"devDependencies":{"typescript":"^5.3.0","eslint":"^8.56.0"}}

[{"id":1,"product":"Laptop Pro","price":1299.99,"inStock":true,"tags":["electronics","computers"]},{"id":2,"product":"Wireless Mouse","price":29.99,"inStock":false,"tags":["electronics","accessories"]},{"id":3,"product":"USB-C Hub","price":49.99,"inStock":true,"tags":["electronics","accessories"]}]

{"database":{"host":"localhost","port":5432,"name":"mydb","pool":{"min":2,"max":10}},"cache":{"enabled":true,"ttl":3600,"provider":"redis"},"logging":{"level":"info","format":"json","outputs":["stdout","file"]}}

Jak używać

1. 1

   Wklej JSON

   Wpisz lub wklej surowe dane JSON w polu wejściowym powyżej. Można też kliknąć „Wczytaj przykład”, aby wypróbować próbkę.

2. 2

   Sformatuj lub zminifikuj

   Kliknij „Sformatuj JSON”, aby uzyskać czytelny zapis z wcięciami, lub „Minifikuj JSON”, aby skompresować wynik do pojedynczej linii.

3. 3

   Skopiuj wynik

   Przetworzony wynik pojawi się w obszarze wyjściowym. Kliknij „Skopiuj”, aby od razu skopiować go do schowka.

Typowe błędy JSON

{"name": "Alice", "age": 30,}

{"name": "Alice", "age": 30}

{'name': 'Alice'}

{"name": "Alice"}

{name: "Alice"}

{"name": "Alice"}

{"name": "Alice" // user name}

{"name": "Alice"}

{"users": [{"name": "Alice"}

{"users": [{"name": "Alice"}]}

{"name": "Alice" "age": 30}

{"name": "Alice", "age": 30}

Typowe zastosowania

Debugowanie odpowiedzi API

Sformatuj zminifikowane odpowiedzi API w czytelny JSON na potrzeby szybkiego debugowania i inspekcji.

Pliki konfiguracyjne

Waliduj i upiększaj pliki konfiguracyjne, takie jak package.json, tsconfig.json czy .eslintrc.

Inspekcja danych

Eksploruj i analizuj dane JSON eksportowane z baz danych, dzienników lub usług zewnętrznych.

Code review

Formatuj fragmenty JSON, aby uzyskać czytelniejsze diffy i ułatwić porównywanie podczas przeglądu kodu.

Dokumentacja

Generuj starannie sformatowane przykłady JSON do dokumentacji technicznej i tutoriali.

Migracja danych

Waliduj strukturę i składnię JSON przed importem danych do nowych systemów.

Szczegóły techniczne

Zgodność z RFC 8259

Pełne wsparcie dla standardowej specyfikacji JSON, w tym Unicode i znaków escapowanych.

Przetwarzanie w przeglądarce

Całe formatowanie działa lokalnie w przeglądarce dzięki natywnym funkcjom JSON.parse() i JSON.stringify().

Obsługa rozmiaru plików

Obsługa plików JSON do 10 MB z konfigurowalnym wcięciem (2 lub 4 spacje).

Dobre praktyki

Waliduj przed użyciem

Zawsze waliduj dane JSON przed użyciem ich na produkcji, aby wcześnie wychwycić błędy składni.

Stosuj spójne wcięcia

Trzymaj się wcięcia 2-spacjowego dla czytelności i mniejszego rozmiaru plików w systemie kontroli wersji.

Minifikuj na produkcję

Używaj zminifikowanego JSON w odpowiedziach API i plikach konfiguracyjnych, aby ograniczyć przepustowość i czas ładowania.

Najczęściej zadawane pytania