أنشئ واجهات أو أنواع TypeScript من عيّنة JSON
يعمل في متصفحك. لا يُرسل أي شيء تكتبه إلى أي مكان.كتابة واجهة يدويًا من استجابة JSON عمل مملّ وسهل الخطأ. الصق عيّنة واحدة (1) واحصل على واجهات أو أنواع TypeScript، مع معالجة الكائنات المتداخلة والمصفوفات. تبقى العيّنة في متصفحك، فلا تذهب استجابة مليئة ببيانات حقيقية إلى أي مكان.
تُرجمت هذه الصفحة آليًا من الأصل الإنجليزي. لم يراجع أي شخص هذه الترجمة بعد، لذا فالنسخة الإنجليزية هي التي يُعتمد عليها. اقرأ الأصل الإنجليزي
الصق عيّنة استجابة JSON في لوحة JSON، أو انقر جرّب مثالًا.
حدد اسم الجذر واختر Interface أو Type.
اختر طريقة تحديد نوع قيم null، «| null» أو اختيارية، وشغّل Export أو Readonly أو أطفئهما.
انقر نسخ، أو أيقونة التنزيل لحفظ ملف .ts يحمل اسم نوع الجذر.
يقرأ محوّل JSON إلى TypeScript هذا عيّنة من بياناتك ويكتب الواجهات أو الأسماء البديلة للأنواع المطابقة لها. يحصل كل كائن متداخل على تصريح مسمّى خاص به، وتحصل المصفوفات على أنواع عناصرها، ويتحدّث الناتج أثناء الكتابة، فيمكنك لصق استجابة ونسخ أنواع جاهزة للعمل بعد ثانية.
يستخدمه المطورون عند ربط واجهة API جديدة: يلصقون استجابة واحدة من تبويب الشبكة ويحصلون على الأنواع لاستدعاء fetch. ويفيد أيضًا عندما يكبر ملف إعدادات أو حمولة webhook إلى حد يصعب معه تحديد أنواعه يدويًا، أو عندما ترث ملفات JSON تجريبية بلا أنواع وتريد أن يبدأ المترجم في اكتشاف الأخطاء.
يفحص المولّد كل عنصر في المصفوفة، لا الأول فقط. تُدمج الكائنات في المصفوفة في واجهة واحدة، والمفتاح الغائب عن بعضها يصبح اختياريًا. والحقل الذي يحمل أنواعًا مختلفة من القيم يصبح اتحادًا، مثل string | number. أما قيم null فإما أن تضيف | null أو تجعل الخاصية اختيارية؛ والخيار لك. تتشارك الأشكال المتطابقة تصريحًا واحدًا، وتوضع مفاتيح مثل pin-code بين علامتي اقتباس.
يعمل كل شيء في متصفحك ولا يُرسل أي شيء تلصقه إلى أي مكان. تصف الأنواع العيّنة التي تقدمها فقط، لذا ضمّن مثالًا لكل شكل تتوقعه. يضغط Ctrl+Enter لنسخ النتيجة. أدوات ذات صلة: JSON Formatter وYAML to JSON وCSV to JSON.
الصق JSON في اللوحة اليسرى. تظهر الواجهات على اليمين أثناء الكتابة. حدد اسم الجذر، واختر interface أو type، ثم اضغط نسخ أو Ctrl+Enter والصق النتيجة في ملف .ts.
كل شيء هنا مجاني، بلا تسجيل ولا حد لعدد التحويلات. يجري التحويل بالكامل في متصفحك، فلا يغادر JSON الذي تلصقه جهازك أبدًا ولا تصل أي نسخة منه إلى خادم. يمكنك بأمان لصق استجابات API التي تحمل رموز وصول أو عناوين بريد إلكتروني أو تفاصيل طلبات.
عندما تحتوي مصفوفة على عدة كائنات، تُدمج في واجهة واحدة. ويُعلَّم المفتاح الذي يظهر في بعضها فقط بأنه اختياري بعلامة استفهام. وعند ضبط خيار null على اختيارية، يُعلَّم المفتاح الذي قيمته null بأنه اختياري أيضًا.
كلاهما يصف الشكل نفسه. يمكن توسيع الواجهات ودمجها، وتفضّلها فرق كثيرة للكائنات. أما الأسماء البديلة للأنواع فيمكنها أيضًا التعبير عن الاتحادات والأنواع المعيّنة. اختر ما يستخدمه كودك بالفعل؛ فالأداة تكتب أيًّا منهما.
يصبح نوع العنصر اتحادًا، مثل (string | number)[]. وتصبح المصفوفة الفارغة unknown[] لأنه لا شيء يُستدل منه؛ أضف عنصرًا واحدًا كمثال لتحصل على نوع دقيق.
نعم. تتحول الملفات التي يبلغ حجمها بضعة ميغابايت في أقل من ثانية بكثير. ولا مشكلة في التداخل العميق؛ يحصل كل مستوى على تصريح مسمّى خاص به، وتُعاد الأشكال المتطابقة بدلًا من تكرارها.
هل ما زلت عالقًا؟ اسأل عن تحويل JSON إلى TypeScript ويمكن لأي شخص يعرف الإجابة أن يجيب. لا حاجة إلى حساب.