MyDevTools

JSON से TypeScript कनवर्टर

JSON ऑब्जेक्ट को TypeScript इंटरफेस और टाइप एलियास में तुरंत बदलें — निजी, पूरी तरह ब्राउज़र में चलता है

JSON से TypeScript कनवर्टर JSON डेटा को सेकंडों में strongly-typed TypeScript इंटरफेस और टाइप एलियास में बदलता है। सभी रूपांतरण आपके ब्राउज़र में स्थानीय रूप से होते हैं — आपका डेटा कभी बाहर नहीं जाता।

विस्तृत कार्यक्षमता

कनवर्टर किसी भी JSON ऑब्जेक्ट या ऐरे की संरचना का विश्लेषण करता है और मानक TypeScript परिभाषाएँ बनाता है। नेस्टेड ऑब्जेक्ट स्वचालित रूप से अलग नामित इंटरफेस में निकाले जाते हैं।

मुख्य विकल्प:

  • रूट नाम — शीर्ष-स्तरीय इंटरफेस का नाम अनुकूलित करें (डिफ़ॉल्ट: `Root`)।
  • export — प्रत्येक जेनरेट किए गए इंटरफेस से पहले `export` जोड़ें।
  • वैकल्पिक फ़ील्ड (?) — `null` मान वाली प्रॉपर्टी को वैकल्पिक चिह्नित करें।
  • टाइप एलियास — `interface Foo { … }` की जगह `type Foo = { … }` जेनरेट करें।

व्यावहारिक उदाहरण

उदाहरण 1: API रिस्पॉन्स → TypeScript

REST API रिस्पॉन्स पेस्ट करें, रूट नाम सेट करें और कनवर्ट करें। आपको प्रोजेक्ट के लिए तैयार इंटरफेस मिलते हैं।

उदाहरण 2: गहरी नेस्टेड कॉन्फ़िगरेशन

कई स्तरों वाले JSON कॉन्फ़िगरेशन फ़ाइलें स्वचालित रूप से प्रोसेस होती हैं।

उदाहरण 3: ऑब्जेक्ट का ऐरे

यदि रूट वैल्यू एक ऐरे है, तो कनवर्टर ऐरे के लिए टाइप एलियास और एलिमेंट के लिए इंटरफेस बनाता है।

इस उपकरण का उपयोग कैसे करें

चरण 1: JSON पेस्ट करें

API रिस्पॉन्स या कॉन्फ़िगरेशन फ़ाइल से JSON कॉपी करें और बाएं पैनल में पेस्ट करें। TypeScript आउटपुट स्वचालित रूप से अपडेट होता है।

चरण 2: विकल्प कॉन्फ़िगर करें

रूट इंटरफेस नाम सेट करें, `export` जोड़ना चुनें, वैकल्पिक फ़ील्ड टॉगल करें और `interface` और `type` के बीच चुनें।

चरण 3: परिणाम उपयोग करें

कॉपी करें या .ts डाउनलोड करें पर क्लिक करें।

सुझाव और सर्वोत्तम प्रथाएं

  • लाइव कनवर्ज़न — JSON संपादित करते समय आउटपुट तुरंत अपडेट होता है।
  • नामकरण परंपरा — `snake_case` और `kebab-case` कीज़ स्वचालित रूप से `PascalCase` में बदल जाती हैं।
  • बड़ा डेटा — कनवर्टर बड़े और गहरे नेस्टेड JSON को बिना प्रदर्शन समस्या के संभालता है।
कोई डेटा सर्वर पर नहीं भेजा जाता