Jak używać
- Wklej tekst JSON5 lub JSONC do edytora.
- W opcji „Wynik” wybierz „JSON5”.
- W opcji „Styl” wybierz „Czytelny”.
- Ustaw „Wcięcie” na „2 spacje”, „4 spacje” lub „Tabulator”.
Przykłady
Formatowanie tsconfig.json z komentarzami
Dane wejściowe
{
// Ustawienia projektu
"compilerOptions":{"target":"ES2022","strict":true,},
"include":["src/**/*.ts",],
}Wynik
{
// Ustawienia projektu
"compilerOptions": {
"target": "ES2022",
"strict": true,
},
"include": [
"src/**/*.ts",
],
}Konfiguracja sklepu jako ścisły JSON
Dane wejściowe
{nazwa:'Sklep Kraków',limit:0x20,rabat:.5,timeout:Infinity}Wynik
{
"nazwa": "Sklep Kraków",
"limit": 32,
"rabat": 0.5,
"timeout": null
}Minifikacja konfiguracji aplikacji
Dane wejściowe
{
// Ustawienia interfejsu
motyw:'ciemny',
jezyk:'pl',
moduly:['koszyk','platnosci',],
}Wynik
{motyw:'ciemny',jezyk:'pl',moduly:['koszyk','platnosci']}Na co pozwala JSON5
| Funkcja | Przykład JSON5 | Ścisły JSON |
|---|---|---|
| Komentarze | // line, /* block */ | Niedozwolone |
| Przecinki końcowe | [1, 2,] | [1, 2] |
| Klucze bez cudzysłowów | {name: 1} | {"name": 1} |
| Ciągi w pojedynczych cudzysłowach | 'it\'s' | "it's" |
| Ciągi wieloliniowe | 'line \↵next' | "line next" |
| Liczby szesnastkowe | 0xFF | 255 |
| Kropka na początku/końcu, znak plus | .5, 5., +1 | 0.5, 5, 1 |
| Infinity i NaN | Infinity, -Infinity, NaN | Brak odpowiednika (null lub ciąg) |
FAQ
Czy formatowanie JSON5 zachowuje komentarze?
Komentarze // i /* */ pozostają w wyniku, gdy wybierzesz „JSON5” i styl „Czytelny”. Wynik „JSON” oraz styl „Po minifikacji” usuwają komentarze; narzędzie podaje liczbę usuniętych komentarzy.
Co zmienia konwersja JSON5 na JSON?
Klucze i ciągi znaków dostają podwójne cudzysłowy, a liczby szesnastkowe są zapisywane dziesiętnie. Komentarze i przecinki końcowe są usuwane, a wartości Infinity i NaN zastępowane przez null; informuje o tym uwaga pod wynikiem.
Jak sprawdzić, gdzie jest błąd w JSON5?
Przy niepoprawnym tekście wynik pozostaje pusty, a lista błędów wskazuje linię, kolumnę i fragment kodu. Kliknij pozycję błędu, aby przenieść kursor w odpowiednie miejsce.
Czy dane są wysyłane na serwer podczas formatowania?
Parsowanie i formatowanie odbywają się w Twojej przeglądarce. Kod narzędzia nie wysyła danych wejściowych w żądaniach sieciowych.