Δωρεάν μετατροπέας

Δέντρο JSON θεατής

Προβάλετε, μορφοποιήστε και εξερευνήστε δεδομένα JSON σε ένα διαδραστικό πτυσσόμενο δέντρο. Δωρεάν, ασφαλής και δεν απαιτείται μεταφόρτωση.

Σύρετε και αποθέστε το αρχείο JSON εδώ

Ή επικολλήστε κείμενο JSON παρακάτω

Ή

Σχετικά με αυτό το εργαλείο

Τα προγράμματα προβολής δέντρων JSON εμφανίζουν τα δεδομένα JSON ως πλοηγήσιμο ιεραρχικό δέντρο και όχι ως απλό κείμενο. Κάθε αντικείμενο γίνεται ένας πτυσσόμενος κλάδος. Οι πίνακες δείχνουν τα στοιχεία τους ξεχωριστά. Οι πρωτόγονες τιμές εμφανίζονται ως φύλλα. Η δομική προβολή διευκολύνει την εύρεση συγκεκριμένων πεδίων σε βαθιά ένθετα δεδομένα, τη σύμπτυξη άσχετων υποδέντρων και την πλοήγηση μεγάλων εγγράφων JSON που θα ήταν αδύνατη η διαχείριση ως επίπεδο κείμενο.

Σε σύγκριση με το μορφοποιημένο κείμενο JSON, οι προβολές δέντρων υπερέχουν στην πλοήγηση σε μεγάλα δεδομένα. Μια απόκριση API 10 MB δεν είναι πρακτική για κύλιση ως κείμενο, αλλά είναι εφικτή ως δέντρο όπου συμπτύσσετε κλειδιά ανώτατου επιπέδου που δεν σας ενδιαφέρουν και επεκτείνετε μόνο τα μέρη που σας ενδιαφέρουν.

Αυτό το πρόγραμμα προβολής αποδίδει το JSON σε ένα δομημένο δέντρο στο πρόγραμμα περιήγησής σας. Η αναζήτηση φιλτράρει τους κλάδους κατά κλειδί ή τιμή. Η οθόνη με επίγνωση τύπου διακρίνει συμβολοσειρές, αριθμούς, booleans, null, αντικείμενα και πίνακες.

Γιατί να χρησιμοποιήσετε ένα JSON Tree Viewer

Τα βαθιά ένθετα δεδομένα είναι δύσκολο να πλοηγηθούν ως κείμενο. Τα αρχεία διαμόρφωσης, οι αποκρίσεις API και η σειριακή κατάσταση έχουν συχνά 5+ επίπεδα ένθεσης. Η προβολή δέντρου σάς επιτρέπει να συμπτύξετε άσχετα επίπεδα και να εστιάσετε σε ό,τι έχει σημασία. Οι προβολές κειμένου απαιτούν προσεκτική κύλιση και μέτρηση αγκύλων.

Οι δυνατότητες αναζήτησης και φιλτραρίσματος έχουν επίσης σημασία. Η εύρεση όλων των κλειδιών με το όνομα 'user_id' σε ένα σύνθετο έγγραφο είναι γρήγορη με έναν θεατή που γνωρίζει την αναζήτηση. αδύνατο να γίνει αξιόπιστα με απλό κείμενο.

Πώς να το χρησιμοποιήσετε

Επικολλήστε JSON, πλοηγηθείτε στο δέντρο.

  1. Επικολλήστε το JSON σας: Ρίξτε JSON στην περιοχή εισαγωγής. Ο θεατής αναλύει και αποδίδει το δομημένο δέντρο.
  2. Επέκταση και κατάρρευση: Κάντε κλικ σε κλάδους για ανάπτυξη ή σύμπτυξη. Χρήσιμο για εστίαση σε συγκεκριμένα υποδέντρα μεγάλων δεδομένων.
  3. Αναζήτηση: Φιλτράρισμα κατά κλειδί ή τιμή. Τα ταιριαστά κλαδιά παραμένουν ορατά. που δεν ταιριάζουν είναι κρυμμένα.
  4. Επιθεωρήστε συγκεκριμένες τιμές: Κάντε κλικ σε ένα φύλλο για να δείτε την πλήρη τιμή του (χρήσιμο για μεγάλες συμβολοσειρές) και αντιγράψτε τη διαδρομή (π.χ. users.0.profile.email) για χρήση στον κώδικα.

Κοινές περιπτώσεις χρήσης

Τεχνικές λεπτομέρειες

Η ανάλυση JSON χρησιμοποιεί το JSON.parse, το οποίο αποτυγχάνει σε μη έγκυρη εισαγωγή με ένα σφάλμα ανάλυσης που δείχνει τη θέση του προβλήματος. Το έγκυρο JSON αποδίδει σε ένα αντικείμενο JavaScript το οποίο ο θεατής περπατά αναδρομικά για να δημιουργήσει το δέντρο.

Απόδοση: κάθε επίπεδο ένθεσης γίνεται ένας κλάδος με εσοχή. Τα κλειδιά αντικειμένων είναι ετικέτες. Οι τιμές αποδίδονται με βάση τον τύπο — συμβολοσειρές σε εισαγωγικά, αριθμοί χωρίς, booleans ως true/false, null ρητά, αντικείμενα και πίνακες ως πτυσσόμενοι κλάδοι.

Απόδοση: πολύ μεγάλο JSON (10MB+) μπορεί να επιβραδύνει την απόδοση. Η Lazy επέκταση (απόδοση μόνο ορατών κλάδων προς το παρόν) βοηθά. Η αναζήτηση σε μεγάλα έγγραφα μπορεί να διαρκέσει αισθητό χρόνο. Η ευρετηρίαση του δέντρου στην πρώτη ανάλυση βοηθά.

Βέλτιστες Πρακτικές

Συχνές ερωτήσεις

Πόσο βαθιά μπορεί να πάει το δέντρο JSON;
Δεν υπάρχει τεχνητό όριο βάθους. Το εργαλείο αποδίδει τα δέντρα τόσο βαθιά όσο η δομή JSON σας. Ωστόσο, η εξαιρετικά βαθιά ένθεση (100+ επίπεδα) μπορεί να επιβραδύνει την απόδοση στο πρόγραμμα περιήγησης.
Μπορώ να κάνω αναζήτηση μέσα στο δέντρο JSON;
Χρησιμοποιήστε Ctrl/Cmd+F για να αναζητήσετε κλειδιά ή τιμές. Οι κόμβοι που ταιριάζουν θα επισημανθούν και οι γονικοί κόμβοι τους επεκτείνονται αυτόματα για να εμφανίσουν τη διαδρομή.
Ποια μορφή διαδρομής JSON χρησιμοποιείται;
Το εργαλείο χρησιμοποιεί σημειογραφία JSONPath ($.key.nested.array[0].value). Αυτή η μορφή είναι συμβατή με την πρόσβαση στην ιδιοκτησία JavaScript και με τις περισσότερες βιβλιοθήκες JSONPath.
Μπορώ να επεξεργαστώ τιμές στο δέντρο;
Αυτό είναι ένα πρόγραμμα προβολής μόνο για ανάγνωση για εξερεύνηση. Για την επεξεργασία του JSON, χρησιμοποιήστε το εργαλείο JSON Formatter που παρέχει μια επεξεργάσιμη διεπαφή με επικύρωση.
Έχουν μεταφορτωθεί τα δεδομένα μου;
Όχι. Η ανάλυση και η απόδοση γίνονται στο πρόγραμμα περιήγησής σας.
Πώς μπορώ να εξάγω μέρος του δέντρου;
Οι περισσότεροι θεατές προσφέρουν copy-as-JSON για επιλεγμένους κλάδους. Η εξαγόμενη τιμή είναι η ίδια δομή με μόνο τα επιλεγμένα κλειδιά.
Γιατί το δέντρο είναι αργό με μεγάλα δεδομένα;
Η απόδοση DOM πολλών κόμβων είναι ακριβή. Η τεμπέλης επέκταση (απόδοση μόνο ορατών κλαδιών) βοηθά. για πολύ μεγάλα δεδομένα, τα ειδικά εργαλεία (jq, κώδικας) είναι πιο αποτελεσματικά.
Μπορώ να δω το JSON από μια διεύθυνση URL;
Ορισμένοι θεατές ανακτούν απευθείας διευθύνσεις URL. Άλλα απαιτούν επικόλληση. Το CORS μπορεί να αποτρέψει τη λήψη πολλαπλής προέλευσης από ορισμένες διευθύνσεις URL.