⭐ 0
🔍
Tekstas Vaizdas PDF ir dokumentai Garsas Muzika Elektronika Laikas Komunalinės paslaugos Validatoriai Ezoterinis Žaidimai

JSON į TypeScript keitiklis

Konvertuokite JSON į TypeScript sąsajas, tipo pseudonimus arba „Zod“ schemą tiesiogiai, su tikru neprivalomų laukų aptikimu masyvuose.

🔒 Visiškai apdorojama jūsų naršyklėje – niekas, kurį čia įvedėte, niekada neįkeliama.

Apdorojama... 0%

Rezultatas

Rankinis TypeScript sąsajų rašymas pagal JSON API atsakymą yra lėtas ir klaidų kupinas: įdėtiniams objektams reikia savo sąsajos, masyvams – elemento tipo, o laukas, kurio kartais nėra, turi būti pažymėtas kaip neprivalomas – praleidus bet kurią iš šių detalių, kompiliatorius tyli, o jūsų kodas tolsta nuo tikrosios duomenų formos.

Šis keitiklis atlieka tą darbą už jus. Įklijuokite bet kokį JSON objektą ar masyvą, ir jis rekursyviai peržiūri struktūrą: įdėtinis objektas tampa pavadinta sąsaja, objektų masyvas gauna elemento sąsają, kai laukai lyginami kiekviename to masyvo elemente – laukas, esantis tik kai kuriuose iš jų, pažymimas galiniu ?, o laukas, kuris kartais būna null, o kartais reikšmė, pateikiamas kaip tinkama string | null sąjunga, o ne viena ar kita.

Formato perjungiklis keičia tik tai, kaip ta pati išvesta struktūra atspausdinama: sąsajos blokas, tipo pseudonimas arba Zod schema, sudaryta iš z.object(), z.array() ir z.union() iškvietimų su .optional() ir .nullable() ten, kur jie taikomi. Pats Zod yra atskiras npm paketas (npm install zod) – šis įrankis tik rašo schemos išeities kodą, jis nieko jums neįdiegia.

Viskas veikia lokaliai jūsų naršyklėje tą akimirką, kai rašote ar įklijuojate, be pateikimo mygtuko ir be įkėlimo – patogu, kai siuntime yra tikrų klientų duomenų. Darbui su pačiu JSON tekstu, o ne su jo išvestais tipais, žr. JSON formuotoją, norėdami jį gražiai atspausdinti arba sumažinti, ir JSON tikrintuvą, norėdami tiksliai nustatyti sintaksės klaidą prieš konvertuodami.

Patinka šis įrankis? Manote, kad šis produktas naudingas? Matote jame potencialo ir norite paremti?

🛡️
Vykdoma naršyklėje

Jūsų bylos ir įvestys niekada nepalieka šio įrenginio. Apdorojimas vyksta visiškai atsijungus. 100 % saugu.

Priimtini formatai ir taisyklės

  • Rekursyviai išveda pavadintą sąsają kiekvienam įdėtiniam objektui ir kiekvienam objektų masyvui.
  • Sulieja masyvo elementų formas laukas po lauko, todėl laukas, esantis tik kai kuriuose elementuose, tampa neprivalomas.
  • Tiesioginis konvertavimas po kiekvieno klavišo paspaudimo, neteisingas JSON pranešamas eilutėje, o ne užstrigdant puslapį.

Pagrindiniai privalumai

✓ 100 % nepriklausomas nuo interneto: jūsų JSON duomenys ir sugeneruoti tipai niekada nepalieka šio įrenginio.
✓ Tikras neprivalomų laukų aptikimas: lyginamas kiekvienas masyvo objektas, o laukai, kurių nėra kai kuriuose iš jų, pažymimi kaip neprivalomi – ne spėjimas.
✓ Trys išvesties formatai iš vieno išvedimo variklio: TypeScript sąsaja, tipo pseudonimas arba paruoštas įklijuoti „Zod“ schema.

Naudojimo atvejai

  • • Įklijuokite REST arba GraphQL API atsakymą ir per kelias sekundes gaukite jam tipizuotas sąsajas, užuot rašę jas ranka lauką po lauko ir praleidę neprivalomą.
  • • Patikrinkite, ar laukas, kuriuo remiasi jūsų frontendas, iš tikrųjų yra kiekviename įraše: įklijuokite pavyzdinių įrašų masyvą ir pamatysite, kuriuos laukus įrankis pažymi kaip neprivalomus (?), nes kai kuriuose elementuose jų trūksta.
  • • Sugeneruokite Zod schemą tiesiai iš pavyzdinio duomenų paketo, kad galėtumėte tikrinti nepatikimą JSON (webhooks'ai, trečiųjų šalių API, naudotojų įkelti failai) vykdymo metu, o ne tik kompiliavimo metu.