JSON به TypeScript

مبدل رایگان JSON به TypeScript. ایجاد رابط یا انواع از JSON با اشیاء تودرتو، آرایه ها و اتحادیه های استنباط شده به طور خودکار، کپی کردن نتیجه، بدون ثبت نام.

ساخت و نگهداری توسط Shehzad Munir ·

JSON به TypeScript
Loading Loading JSON to TypeScript
Share

مدل های تایپ شده از داده های واقعی

هر JSON را فوراً به رابط‌ها یا انواع TypeScript تبدیل کنید، با اشیاء تودرتو، آرایه‌ها، اتحادیه‌ها و ویژگی‌های اختیاری که به طور خودکار استنتاج می‌شوند.

رابط های دست نویس TypeScript برای مطابقت با پاسخ API خسته کننده و مستعد خطا است. یک بار JSON را بچسبانید و این ابزار ساختار را پیاده‌روی می‌کند و یک رابط منطبق (یا نام مستعار نوع) با فیلدهای تایپ شده صحیح، رابط‌های تودرتو برای اشیاء و انواع عناصر آرایه ایجاد می‌کند. آرایه های مختلط به انواع اتحادیه تبدیل می شوند، بنابراین مدل های شما دقیقاً داده ها را منعکس می کنند.

ویژگی ها

  • ایجاد رابط یا نام مستعار تایپ کنید
  • اشیاء و آرایه های تودرتو را کنترل می کند
  • انواع اتحاد را از آرایه های مختلط استنباط می کند
  • ویژگی های اختیاری برای nulls
  • نام نوع ریشه سفارشی
  • به صورت محلی اجرا می شود: کد هرگز آپلود نشد

نحوه استفاده از JSON به TypeScript

  1. 1

    JSON را جایگذاری کنید

    یک شی یا آرایه ای از داده ها را رها کنید.

  2. 2

    گزینه ها را تنظیم کنید

    رابط یا نوع را انتخاب کنید، ریشه را نامگذاری کنید، nullable ها را اختیاری علامت بزنید.

  3. 3

    انواع را مرور کنید

    رابط های تو در تو به طور خودکار تولید می شوند.

  4. 4

    کپی کنید

    TypeScript را در پروژه خود کپی کنید.

موارد استفاده رایج

  • یک پاسخ API را سریع تایپ کنید
  • مدل‌ها را از یک فیکسچر JSON تولید کنید
  • ایجاد رابط برای یک فایل پیکربندی
  • انواع بوت استرپ برای یک ادغام جدید

راهنمای تفصیلی

خروجی را با سبک خود تنظیم کنید

انتخاب کنید که آیا واسط ها منتشر شود یا نام مستعار تایپ شود، نوع ریشه را نامگذاری کنید و به صورت اختیاری فیلدهای nullable را به عنوان اختیاری علامت گذاری کنید. کد تولید شده به صورت زنده به روز می شود و آماده است تا در پروژه شما جایگذاری شود. همه در مرورگر شما اجرا می شوند، بنابراین بارهای API خصوصی و طرحواره های داخلی هرگز از دستگاه شما خارج نمی شوند.

نحوه استنباط انواع

مبدل JSON شما را می‌خواند و هر مقدار را به یک نوع TypeScript نگاشت می‌کند: رشته‌ها، اعداد و بولی‌ها به رشته، عدد و بولی تبدیل می‌شوند، اشیاء تودرتو به رابط‌های نام‌گذاری شده خودشان و آرایه‌ها به آرایه‌های تایپ‌شده تبدیل می‌شوند. هنگامی که یک آرایه دارای مقادیر مختلفی است، نتیجه یک اتحادیه مانند (رشته | عدد)[] است. یک مقدار null null می شود، زیرا نمونه نمی تواند نشان دهد که فیلد در هنگام تنظیم چه چیزی را نگه می دارد. نام های دارایی که شناسه های معتبر نیستند، مانند "first-name" نقل قول می شوند تا خروجی همیشه کامپایل شود.

دریافت انواع دقیق از داده های نمونه

انواع استنباط شده فقط به خوبی نمونه هستند. اگر فیلدی در برخی از پاسخ‌های API وجود ندارد، آن را با علامت اختیاری علامت بزنید؟ پس از تولید، و اگر یک فیلد می تواند در تولید تهی باشد، آن را به رشته | گسترش دهید تهی از کامل ترین پاسخی که می توانید پیدا کنید استفاده کنید، به طور ایده آل پاسخی که در آن هر فیلد اختیاری وجود دارد. برای APIهایی که کنترل نمی کنید، انواع تولید شده را با اعتبار سنجی زمان اجرا جفت کنید، به عنوان مثال Zod یا io-ts، زیرا انواع TypeScript در زمان اجرا ناپدید می شوند و API تغییر یافته را نمی گیرند. تاریخ ها در JSON به عنوان رشته می رسند، بنابراین اگر به اشیاء Date نیاز دارید، خودتان آنها را تبدیل کنید.

سوالات متداول

چگونه JSON را به یک رابط TypeScript تبدیل کنم؟

JSON خود را بچسبانید و ابزار فوراً یک رابط منطبق ایجاد می‌کند و رابط‌های تودرتو برای اشیا ایجاد می‌کند و انواع عناصر آرایه را استنباط می‌کند. آن را مستقیماً در کد خود کپی کنید.

آیا اشیا و آرایه های تو در تو را مدیریت می کند؟

بله. اشیاء تودرتو به رابط های نامگذاری شده خودشان تبدیل می شوند و آرایه ها توسط عناصرشان تایپ می شوند. آرایه هایی با انواع مختلط یک اتحادیه مانند (رشته | عدد)[] ایجاد می کنند.

آیا می توانم به جای اینترفیس، نام مستعار نوع دریافت کنم؟

بله: گزینه انتشار نام مستعار «نوع» را به جای اعلان‌های «رابط» تغییر دهید و نام نوع ریشه را متناسب با پروژه خود تغییر دهید.

آیا JSON من در جایی آپلود شده است؟

نه. تجزیه و تولید کاملاً در مرورگر شما اتفاق می‌افتد، بنابراین بارهای حساس هرگز دستگاه شما را ترک نمی‌کنند.

چگونه می توانم رابط های TypeScript را از JSON ایجاد کنم؟

JSON خود (به عنوان مثال یک پاسخ API) را جایگذاری کنید، به ریشه یک نام بدهید، و ابزار انواع را استنباط می کند و رابط های آماده برای استفاده، از جمله اشیاء و آرایه های تو در تو را تولید می کند. به صورت محلی اجرا می شود، بنابراین محموله های واقعی خصوصی می مانند.

آیا اشیاء تودرتو و خصوصیات اختیاری را کنترل می کند؟

بله. ساختارهای تودرتو به رابط های نامگذاری شده خودشان تبدیل می شوند، آرایه ها انواع عناصر را دریافت می کنند، و شما می توانید فیلدها را اختیاری علامت گذاری کنید تا انواع با داده های واقعی و گاهی مفقود مطابقت داشته باشند.

آیا می توانم به جای یک رابط، یک نام مستعار نوع خروجی بگیرم؟

بله. بسته به سبک پایگاه کد خود، رابط یا نوع خروجی را انتخاب کنید. هر دو نوع اسکریپت دقیق را از شکل JSON استنباط شده تولید می کنند.

از مجله

All articles →