📝

मोफत JSON ते TypeScript कन्व्हर्टर

कोणत्याही JSON ऑब्जेक्ट किंवा अ‍ॅरेपासून TypeScript इंटरफेस किंवा टाइप अलायस तयार करा. तुमचा JSON पेस्ट करा आणि त्वरित वापरण्यायोग्य TypeScript टाइप मिळवा.

तुमच्या ब्राउझरमध्ये चालतेसाइन-अप नाही, पॉप-अप नाहीलॉगिन आवश्यक नाहीकायमचे विनामूल्य

एकदा लोड झाल्यावर ऑफलाइन काम करते

रूट इंटरफेस नाव

JSON इनपुट

TypeScript आउटपुट

export interface User {
  id: number;
  name: string;
  email: string;
  isActive: boolean;
  score: number;
  tags: string[];
  address?: null;
}

export interface Root {
  user: User;
  createdAt: string;
  version: number;
}

हे कसे कार्य करते

हे साधन शून्य बाह्य लायब्ररींसह गराज-लिहिलेला recursive type inference अल्गोरिदम वापरते — इनपुट प्रमाणित व पार्स करण्यासाठी JSON.parse, नंतर JSON tree मधील प्रत्येक मूल्यातून जाऊन TypeScript interface किंवा type declarations थेट ब्राउझरमध्ये उत्सर्जित करणारा कस्टम traversal. काहीही सर्व्हरला पाठवले जात नाही.

1
JSON पार्स आणि प्रमाणित केले
तुमचे इनपुट JSON.parse ला दिले जाते. ते अयशस्वी झाल्यास, नेमकी पार्स त्रुटी इनपुटखाली लगेच दिसते. यशस्वी पार्स रूपांतराच्या उर्वरित भागाला चालवणारे typed value tree तयार करते.
2
ghayn
एक recursive getType फंक्शन प्रत्येक node मधून जाते: primitives string, number, boolean, किंवा null शी मॅप होतात; objects नवीन नामांकित interface सुरू करतात; objects च्या arrays च्या keys सर्व elements मध्ये एकत्र होतात त्यामुळे फक्त काही items मध्ये असलेल्या keys पर्यायी बनतात आणि परस्परविरोधी मूल्य प्रकार | ने जोडले जातात.
3
टक्कर-सुरक्षित interface नामकरण
प्रत्येक nested object त्याच्या JSON key वरून काढलेले PascalCase नाव मिळवते (snake_case, kebab-case, आणि जागा सर्व नॉर्मलाइझ केल्या जातात). संरचनात्मकदृष्ट्या वेगळ्या दोन objects चे नाव समान असल्यास, आधीची व्याख्या शांतपणे overwrite करण्याऐवजी संख्यात्मक प्रत्यय जोडला जातो (Data, Data2, …).
4
आउटपुट रेंडर आणि डाउनलोड करण्यायोग्य
Nested interfaces आधी उत्सर्जित होतात, नंतर root type, तुमच्या निवडीनुसार export interface किंवा export type म्हणून फॉरमॅट केलेली. निकाल clipboard वर कॉपी करता येतो किंवा .ts फाइल म्हणून डाउनलोड करता येतो — सर्व मानक Blob सह बनवलेले, सर्व्हर राउंड-ट्रिप नाही.

मोफत JSON ते TypeScript कन्व्हर्टर

हे कसे कार्य करते

संबंधित साधने

JSON Schema ते फॉर्म

टायपिंग स्पीड टेस्ट (WPM)

CSS clamp() जनरेटर

वारंवार विचारले जाणारे प्रश्न