Μετάβαση στο περιεχόμενο
Monu Tools

JSON σε TypeScript

Δημιουργήστε διεπαφές TypeScript από ένα δείγμα JSON, με ένθετους τύπους, πίνακες και προαιρετικά πεδία. Εκτελείται στο πρόγραμμα περιήγησής σου.

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

  1. 01

    Επικολλήστε ένα αντικείμενο ή πίνακα JSON.

  2. 02

    Προαιρετικά ορίστε το όνομα της ριζικής διεπαφής.

  3. 03

    Αντιγράψτε τις παραγόμενες διεπαφές TypeScript.

Τι κάνει η γεννήτρια

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

Είναι μεγάλη εξοικονόμηση χρόνου όταν καταναλώνετε ένα API ή ένα αρχείο διαμόρφωσης: επικολλήστε μια απάντηση, ονομάστε προαιρετικά τη διεπαφή ρίζας και αντιγράψτε το καθαρό TypeScript απευθείας στον κώδικά σου.

Το Generation εκτελείται εξ ολοκλήρου στο πρόγραμμα περιήγησής σου, επομένως τα δεδομένα σου δεν φεύγουν ποτέ από τη συσκευή σου, κάτι που έχει σημασία όταν το δείγμα περιέχει πραγματικές τιμές.

Πώς χειρίζεται τα σχήματα του πραγματικού κόσμου

Χειρίζεται τα σχήματα του πραγματικού κόσμου: τα ένθετα αντικείμενα γίνονται οι δικές τους επώνυμες διεπαφές που αναφέρονται από το γονικό, πίνακες αντικειμένων συγχωνεύονται σε μία διεπαφή και παράγονται τύποι ένωσης όπου οι τιμές ποικίλλουν.

Προαιρετικά πεδία σε μεικτούς πίνακες

Όταν τα αντικείμενα σε έναν πίνακα δεν έχουν όλα τα ίδια κλειδιά, τα κλειδιά που λείπουν από ορισμένα στοιχεία επισημαίνονται προαιρετικά με ένα ερωτηματικό, το οποίο ταιριάζει με τον τρόπο με τον οποίο συμπεριφέρονται πραγματικά τα δεδομένα και διατηρεί τους τύπους ειλικρινείς.

Συμπεραίνει, δεν επιβάλλει ένα σχήμα

Ένα σημαντικό σημείο: συμπεραίνει ένα σχήμα από το μεμονωμένο δείγμα που του δίνετε, αντί να επιβάλλει ένα σχήμα. Εάν ένα πεδίο μερικές φορές είναι μηδενικό ή απουσιάζει στα πραγματικά δεδομένα αλλά όχι στο δείγμα σου, ο τύπος που δημιουργείται δεν θα το γνωρίζει, επομένως χρησιμοποίησε ένα αντιπροσωπευτικό παράδειγμα.

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

Πώς χειρίζονται τα ένθετα αντικείμενα;

Κάθε ένθετο αντικείμενο γίνεται η δική του ονομασμένη διεπαφή, αναφερόμενη από τον γονέα της, οπότε το αποτέλεσμα είναι καθαρό και επαναχρησιμοποιήσιμο.

Τι γίνεται με πίνακες διαφορετικών σχημάτων;

Πίνακες αντικειμένων συγχωνεύονται σε μία διεπαφή, και κλειδιά που λείπουν από κάποια στοιχεία σημειώνονται ως προαιρετικά. Πίνακες μικτών πρωτογενών τιμών αποκτούν έναν τύπο στοιχείου ένωσης.

Ανεβαίνει το JSON μου κάπου;

Όχι. Οι τύποι δημιουργούνται εξ ολοκλήρου στο πρόγραμμα περιήγησής σου, οπότε τα δεδομένα σου δεν φεύγουν ποτέ από τη συσκευή σου.

Πηγές

Αναφέρετε ένα πρόβλημα