Jak wyświetlić JSON jako drzewo
- Wklej JSON, upuść plik lub wczytaj go z adresu URL. Drzewo pojawi się obok tekstu.
- Kliknij wiersz, aby go rozwinąć lub zwinąć, albo użyj przycisków Rozwiń wszystko i Zwiń wszystko. Na klawiaturze ↑ i ↓ przesuwają zaznaczenie, a ← i → zamykają i otwierają węzły.
- Wpisz tekst w polu wyszukiwania, aby wyświetlić tylko pasujące klucze i wartości. Zaznacz węzeł, aby skopiować jego JSONPath, ścieżkę JavaScript lub wartość.
Jak czytać drzewo JSON
- Obiekty pokazują liczbę kluczy, np.
{5}, a tablice liczbę elementów, np.[12]. - Kolory i małe etykiety pokazują typ każdej wartości: ciąg znaków, liczba, wartość logiczna, null, obiekt lub tablica.
- Długie tablice są wyświetlane po 200 elementów naraz, więc pliki z setkami tysięcy wartości działają płynnie.
- Liczby są wyświetlane dokładnie tak, jak je zapisano – długie identyfikatory nie są zaokrąglane, a klucze zachowują oryginalną kolejność.
Co to jest JSONPath?
JSONPath opisuje, gdzie w dokumencie JSON znajduje się dana wartość – podobnie jak ścieżka do pliku. W 2024 roku został ustandaryzowany jako RFC 9535. $ oznacza korzeń, .name wybiera właściwość, [0] element tablicy, a ['first name'] właściwość, której nazwa zawiera spacje lub znaki specjalne.
| Ścieżka | Wybiera |
|---|---|
$.store | właściwość store obiektu głównego |
$.products[0] | pierwszy element tablicy products |
$.products[0].price | cenę tego pierwszego produktu |
$.address.geo.lat | wartość zagnieżdżoną trzy poziomy w głąb |
$['shipping address'].city | klucz ze spacją w nazwie |
W JavaScripcie ta sama wartość to data.products[0].price – użyj Kopiuj ścieżkę JS, aby otrzymać taki zapis.
Najczęściej zadawane pytania
Czy mogę otworzyć duże pliki JSON?
Tak. Rysowane są tylko rozwinięte części drzewa, a długie tablice wyświetlane są po 200 elementów naraz, dzięki czemu pliki o rozmiarze kilkudziesięciu megabajtów otwierają się w przeglądarce na komputerze.
Jak skopiować ścieżkę wartości?
Kliknij węzeł, a następnie użyj Kopiuj ścieżkę, aby skopiować JSONPath ($.users[0].email), lub Kopiuj ścieżkę JS, aby skopiować ścieżkę JavaScript (data.users[0].email).
Czy mogę edytować JSON w podglądzie?
Podgląd działa w trybie tylko do odczytu, więc nic nie zmieni się przypadkiem. Aby zmieniać wartości, zmieniać nazwy kluczy lub dodawać elementy, otwórz edytor JSON.
Co się stanie, jeśli mój JSON jest niepoprawny?
Pole błędu pokazuje wiersz, kolumnę i przyczynę problemu, a drzewo wyświetla ostatnią poprawną wersję, dopóki błąd nie zostanie poprawiony.