Czym jest edytor drzewa JSON?

JSON przechowuje dane jako obiekty zawierające nazwane wartości oraz tablice zawierające uporządkowane listy. Ponieważ mogą być zagnieżdżone, duży dokument trudno zmieniać w zwykłym edytorze tekstu: brak jednego przecinka lub nawiasu klamrowego powoduje, że cały plik staje się nieprawidłowy. Edytor drzewa pokazuje te same dane jako zestaw węzłów, które można rozwijać i zwijać. Możesz bezpośrednio zmienić wartość, zmienić nazwę klucza albo dodać i usunąć węzeł, a narzędzie zajmie się przecinkami, cudzysłowami i nawiasami.

Opis narzędzia

To narzędzie pozwala edytować JSON w postaci drzewa. Wklej JSON, a pojawi się on jako drzewo obiektów, tablic i wartości. Użyj ikony ołówka obok węzła, aby zmienić jego klucz lub wartość, ikony plusa obok obiektu lub tablicy, aby dodać element podrzędny, oraz ikony kosza, aby usunąć węzeł. Każda zmiana jest od razu zapisywana z powrotem w tekście JSON, więc po zakończeniu możesz skopiować wynik. Nadal możesz wpisywać tekst w edytorze tekstu, a drzewo będzie się aktualizować. Wszystko odbywa się w przeglądarce, a Twoje dane nie są nigdzie wysyłane.

Przykłady

Zacznij od tego JSON:

{
  "name": "przykładowa-aplikacja",
  "port": 8080,
  "tags": ["json", "drzewo"]
}
JSON

Zmień wartość port na 3000, dodaj string edytor do tags oraz dodaj nowy klucz private ustawiony na true. Tekst będzie wyglądać tak:

{
  "name": "przykładowa-aplikacja",
  "port": 3000,
  "tags": ["json", "drzewo", "edytor"],
  "private": true
}
JSON

Funkcje

  • Edytowanie kluczy, stringów, liczb, wartości logicznych i wartości null bezpośrednio w miejscu ich występowania
  • Dodawanie nowych kluczy do obiektów i nowych elementów do tablic oraz usuwanie dowolnego węzła z wyjątkiem głównego
  • Zmienianie typu wartości, na przykład ze stringa na liczbę
  • Zachowywanie kolejności kluczy i ostrzeganie, gdy klucz jest już używany w tym samym obiekcie
  • Rozwijanie lub zwijanie całego drzewa oraz wyświetlanie liczby jego węzłów

Jak to działa

Narzędzie analizuje tekst jako JSON i pokazuje wynik w postaci drzewa. Gdy dokonasz zmiany, tworzy nową kopię danych z tą zmianą i zapisuje ją z powrotem jako tekst z wcięciem wynoszącym 2 spacje. Zmiana nazwy klucza zachowuje jego miejsce wśród elementów tego samego poziomu. Klucze wyglądające jak liczby całkowite, takie jak "1" lub "2", są zawsze wyświetlane jako pierwsze w kolejności rosnącej, tak jak w każdym parserze JSON dla JavaScript.

Wartość może mieć jeden z sześciu typów: string, liczba, wartość logiczna, null, obiekt lub tablica. Nowe obiekty i tablice są początkowo puste - wypełniasz je za pomocą przycisku plusa. Obiekt lub tablica, które już mają elementy podrzędne, zachowują swój typ, dzięki czemu nie można przypadkowo utracić ich zawartości, ale nadal można zmienić ich klucz.

Wskazówki

  • Naciśnij Enter, aby zapisać zmianę, lub Escape, aby ją anulować. W stringu naciśnij Shift i Enter, aby dodać podział wiersza
  • Jeśli tekst po lewej stronie nie jest prawidłowym JSON, drzewo pozostaje puste, a błąd jest wyświetlany do momentu naprawienia tekstu
  • Drzewo nie obsługuje cofania, więc jeśli nie masz pewności co do zmiany, zachowaj kopię oryginalnego JSON
  • Liczby większe niż 9007199254740991 tracą precyzję, ponieważ liczby JSON są odczytywane jako liczby JavaScript
  • Aby tylko wyświetlać JSON bez jego zmieniania, użyj narzędzia Przeglądarka drzewa JSON