What JSON input does the JSON Table Viewer accept?

The tool accepts a JSON array of objects. Each element in the array becomes a table row, and the keys of the objects become column headers. Nested objects are automatically flattened using dot notation — for example, { "address": { "city": "London" } } produces a column named "address.city". Arrays inside objects are displayed as their JSON string representation.

How are columns determined when objects have different keys?

Columns are the union of all keys found across every object in the array. If a row is missing a key that other rows have, the corresponding cell is left empty. This means you can safely mix records with slightly different shapes and still get a complete, readable table.

How does the sort feature work?

Click any column header to sort the table by that column in ascending order. Click the same header again to switch to descending order. Sorting is purely client-side and never modifies your original JSON. A chevron icon next to the active column header shows the current sort direction.

How do I copy the table as CSV?

Click the "Copy as CSV" button below the table. It serialises the current sorted view — including the header row — to CSV format and copies it to your clipboard. You can then paste it directly into Excel, Google Sheets, or any text editor.

Προβολέας Πίνακα JSON

5 γραμμές

8 στήλες

Είσοδος JSON

[
  {
    "id": 1,
    "name": "Alice Johnson",
    "email": "alice@example.com",
    "role": "admin",
    "address": {
      "city": "New York",
      "country": "US"
    },
    "age": 32,
    "active": true
  },
  {
    "id": 2,
    "name": "Bob Smith",
    "email": "bob@example.com",
    "role": "editor",
    "address": {
      "city": "London",
      "country": "GB"
    },
    "age": 28,
    "active": true
  },
  {
    "id": 3,
    "name": "Carol White",
    "email": "carol@example.com",
    "role": "viewer",
    "address": {
      "city": "Paris",
      "country": "FR"
    },
    "age": 35,
    "active": false
  },
  {
    "id": 4,
    "name": "David Lee",
    "email": "david@example.com",
    "role": "editor",
    "address": {
      "city": "Tokyo",
      "country": "JP"
    },
    "age": 41,
    "active": true
  },
  {
    "id": 5,
    "name": "Eva Martinez",
    "email": "eva@example.com",
    "role": "admin",
    "address": {
      "city": "Berlin",
      "country": "DE"
    },
    "age": 29,
    "active": false
  }
]

Πίνακας (5 γραμμές, 8 στήλες)

id	name	email	role	address.city	address.country	age	active
1	Alice Johnson	alice@example.com	admin	New York	US	32	true
2	Bob Smith	bob@example.com	editor	London	GB	28	true
3	Carol White	carol@example.com	viewer	Paris	FR	35	false
4	David Lee	david@example.com	editor	Tokyo	JP	41	true
5	Eva Martinez	eva@example.com	admin	Berlin	DE	29	false

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

Πώς λειτουργεί ο Μετατροπέας JSON σε Πίνακα

Τι κάνει το εργαλείο

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

Συνηθισμένες περιπτώσεις χρήσης για προγραμματιστές

Οι προγραμματιστές χρησιμοποιούν αυτό το εργαλείο για να οπτικοποιούν γρήγορα πίνακες απαντήσεων API, να επιθεωρούν αποτελέσματα ερωτημάτων βάσης δεδομένων που έχουν εξαχθεί ως JSON ή να ελέγχουν δεδομένα ρυθμίσεων. Είναι ιδιαίτερα χρήσιμο για την επισκόπηση μεγάλων πινάκων που επιστρέφονται από REST endpoints, τη σύγκριση εγγραφών δίπλα-δίπλα και τον εντοπισμό ελλιπών ή ανώμαλων τιμών σε σύνολα δεδομένων. Οι μηχανικοί QA το χρησιμοποιούν για να επαληθεύουν ότι οι μαζικές εξαγωγές δεδομένων περιέχουν τα αναμενόμενα πεδία και τιμές χωρίς να γράφουν scripts.

Μορφές δεδομένων, τύποι ή παραλλαγές

Το εργαλείο αναμένει έναν πίνακα JSON από αντικείμενα όπου κάθε αντικείμενο αντιπροσωπεύει μια γραμμή. Αντικείμενα με ετερογενή κλειδιά αντιμετωπίζονται με τη δημιουργία στηλών για όλα τα μοναδικά κλειδιά σε όλες τις γραμμές, με κενά κελιά όπου ένα κλειδί απουσιάζει. Τα ένθετα αντικείμενα ισοπεδώνονται με σημειογραφία τελείας (π.χ., address.city γίνεται κεφαλίδα στήλης). Οι πίνακες μέσα σε τιμές εμφανίζονται ως συμβολοσειρές διαχωρισμένες με κόμμα. Πρωτογενείς πίνακες χωρίς στοιχεία-αντικείμενα δεν υποστηρίζονται ως είσοδος πίνακα.

Συνηθισμένα λάθη και οριακές περιπτώσεις

Πολύ βαθιά ένθετα αντικείμενα παράγουν κεφαλίδες στηλών που είναι μακριές και δύσκολες στην ανάγνωση όταν ισοπεδώνονται. Πίνακες που περιέχουν μικτούς τύπους (κάποια στοιχεία είναι αντικείμενα, άλλα είναι πρωτογενείς τιμές) μπορεί να παράγουν απρόσμενες διατάξεις στηλών. Μεγάλα σύνολα δεδομένων με χιλιάδες γραμμές μπορούν να επιβραδύνουν την απόδοση στο πρόγραμμα περιήγησης — σε τέτοιες περιπτώσεις, εξετάστε την τμηματοποίηση (pagination) των δεδομένων πριν την επικόλληση. Αντικείμενα με κλειδιά που διαφέρουν μόνο ως προς το πεζό/κεφαλαίο (π.χ., 'Name' έναντι 'name') θα δημιουργήσουν ξεχωριστές στήλες που μπορεί να μπερδέψουν τους χρήστες.

Πότε να χρησιμοποιήσετε αυτό το εργαλείο έναντι κώδικα

Χρησιμοποιήστε αυτό το εργαλείο στο πρόγραμμα περιήγησης για γρήγορο οπτικό έλεγχο πινάκων JSON κατά την ανάπτυξη και την αποσφαλμάτωση. Για προγραμματιστική απόδοση πινάκων σε εφαρμογές, χρησιμοποιήστε βιβλιοθήκες όπως ag-Grid, TanStack Table ή προβολή pandas DataFrame. Για εξερεύνηση δεδομένων μεγάλης κλίμακας, εργαλεία όπως DuckDB ή jq σε συνδυασμό με βοηθητικά εργαλεία μορφοποίησης στηλών χειρίζονται εκατομμύρια εγγραφές που θα ήταν μη πρακτικές σε μια καρτέλα προγράμματος περιήγησης.