Che cos'è un editor ad albero per JSON?

JSON memorizza i dati come oggetti, che contengono valori denominati, e array, che contengono elenchi ordinati. Poiché possono essere nidificati, un documento di grandi dimensioni è difficile da modificare in un editor di testo semplice: una sola virgola o parentesi graffa mancante rende l'intero file non valido. Un editor ad albero mostra gli stessi dati come un insieme di nodi che puoi aprire e chiudere. Puoi modificare direttamente un valore, rinominare una chiave o aggiungere e rimuovere un nodo, mentre lo strumento gestisce automaticamente virgole, virgolette e parentesi quadre.

Descrizione dello strumento

Questo strumento ti consente di modificare JSON come un albero. Incolla il tuo JSON e verrà visualizzato come un albero di oggetti, array e valori. Usa la matita accanto a un nodo per modificarne la chiave o il valore, il pulsante più accanto a un oggetto o a un array per aggiungere un elemento figlio e il cestino per rimuovere un nodo. Ogni modifica viene riscritta immediatamente nel testo JSON, così puoi copiare il risultato quando hai finito. Puoi continuare a digitare nell'editor di testo e l'albero si aggiornerà di conseguenza. Tutto avviene nel browser e i tuoi dati non vengono inviati da nessuna parte.

Esempi

Inizia con questo JSON:

{
  "nome": "app-esempio",
  "porta": 8080,
  "etichette": ["json", "albero"]
}
JSON

Modifica porta in 3000, aggiungi la stringa editor a etichette e aggiungi una nuova chiave privato impostata su true. Il testo diventa:

{
  "nome": "app-esempio",
  "porta": 3000,
  "etichette": ["json", "albero", "editor"],
  "privato": true
}
JSON

Funzionalità

  • Modifica direttamente chiavi, stringhe, numeri, valori booleani e valori null
  • Aggiungi nuove chiavi agli oggetti e nuovi elementi agli array e rimuovi qualsiasi nodo tranne la radice
  • Modifica il tipo di un valore, ad esempio da stringa a numero
  • Mantiene l'ordine delle chiavi e avvisa quando una chiave è già utilizzata nello stesso oggetto
  • Espandi o comprimi l'intero albero e visualizza il numero di nodi che contiene

Come funziona

Lo strumento analizza il testo come JSON e mostra il risultato come un albero. Quando apporti una modifica, crea una nuova copia dei dati con quella modifica e la riscrive come testo con un'indentazione di 2 spazi. Rinominare una chiave ne mantiene la posizione tra gli elementi allo stesso livello. Le chiavi che hanno l'aspetto di numeri interi, come "1" o "2", vengono sempre elencate per prime in ordine crescente, come in ogni parser JSON di JavaScript.

Un valore può avere uno di sei tipi: stringa, numero, booleano, null, oggetto o array. I nuovi oggetti e array sono inizialmente vuoti e puoi riempirli con il pulsante più. Un oggetto o un array che contiene già elementi mantiene il proprio tipo, quindi non puoi perderne accidentalmente il contenuto, ma puoi comunque rinominarne la chiave.

Suggerimenti

  • Premi Invio per salvare una modifica e Esc per annullarla. In una stringa, premi Maiusc e Invio per aggiungere un'interruzione di riga
  • Se il testo a sinistra non è un JSON valido, l'albero rimane vuoto e l'errore viene mostrato finché non lo correggi
  • L'albero non dispone di una funzione di annullamento, quindi conserva una copia del JSON originale se non sei sicuro di una modifica
  • I numeri maggiori di 9007199254740991 perdono precisione, perché i numeri JSON vengono letti come numeri JavaScript
  • Per visualizzare il JSON senza modificarlo, usa il Visualizzatore di JSON ad albero