मुख्य सामग्री पर जाएँ

JSON से TypeScript

JSON से TypeScript, JSON नमूनों को स्थानीय रूप से TypeScript interfaces और type aliases में बदलता है; वैकल्पिक फ़ील्ड, union/null/Date inference, root नाम और .ts के रूप में कॉपी/डाउनलोड का समर्थन करता है।

JSON

अक्षर

0 / 50,000

TypeScript

JSON से TypeScript

क्विक स्टार्ट

1
मान्य JSON नमूना बाएँ संपादक में पेस्ट करें।
2
ज़रूरत हो तो ApiResponse जैसा root type नाम सेट करें।
3
दाईं ओर TypeScript देखें: object से interface, array या primitive से type alias बनता है।
4
बना हुआ .ts कॉपी या डाउनलोड करें; इनपुट पैनल JSON नमूना भी संभालता है।

सामान्य उपयोग के मामले

वास्तविक API response को frontend पेज, SDK client या integration test के शुरुआती TypeScript model में बदलें। तैयारी पूरी होने पर परिणाम को तुरंत कॉपी, डाउनलोड या एक्सपोर्ट किया जा सकता है।

API contract तय करने से पहले mixed object array देखकर optional field और union type को समझें। तैयारी पूरी होने पर परिणाम को तुरंत कॉपी, डाउनलोड या एक्सपोर्ट किया जा सकता है।

mock JSON data को fixture, Storybook story या prototype के लिए जल्दी type definition में बदलें।

backend payload का आकार बदलने पर User और Meta जैसे nested declaration की समीक्षा करें। तैयारी पूरी होने पर परिणाम को तुरंत कॉपी, डाउनलोड या एक्सपोर्ट किया जा सकता है।

उपयोग टिप्स

एक प्रतिनिधि JSON नमूने का उपयोग करें। यह नमूना-आधारित अनुमान है, इसलिए गुम फ़ील्ड या मान आउटपुट में दिखाई नहीं दे सकते।
खाली array unknown[] बनते हैं, और खाली object तब तक Record<string, unknown> को extend करने वाले interface रहते हैं जब तक आप अधिक समृद्ध sample data नहीं देते।
nested declaration के नाम property name से normalize होते हैं, इसलिए नए output में पुराने root-prefix वाले नामों की जगह User या Meta जैसे नाम अधिक मिलते हैं।
generation केवल वैध JSON पर चलती है। पहले syntax error ठीक करें; parse fail होने पर editor line और column दिखाता है।
वैध custom root name वैसे ही रखा जाता है; अवैध नामों को वैध PascalCase TypeScript identifier में normalize किया जाता है।

अनुमान सीमाएँ टाइप करें

जनरेटर वर्तमान नमूने से अनुमान लगाता है, JSON स्कीमा, ओपनएपीआई, ग्राफक्यूएल, फ़ाइलों, यूआरएल, JSON लाइन्स या बैच नमूनों से नहीं।
एरे देखे गए आइटम आकार को मर्ज करते हैं: कुछ आइटम से गायब फ़ील्ड वैकल्पिक हो जाते हैं, और शून्य या मिश्रित मान यूनियन बन जाते हैं।
दिनांक जैसी स्ट्रिंग को दिनांक के रूप में अनुमानित किया जा सकता है, लेकिन रनटाइम JSON मान तब भी एक स्ट्रिंग है जब तक कि आपका कोड इसे पार्स नहीं करता है।
ऑब्जेक्ट जड़ें इंटरफ़ेस उत्पन्न करती हैं; सरणियाँ और आदिम जड़ें प्रकार के उपनाम उत्पन्न करती हैं; खाली सरणियाँ अज्ञात[] का उपयोग करती हैं और खाली वस्तुएं रिकॉर्ड<स्ट्रिंग, अज्ञात> का विस्तार करती हैं।
रूट नाम डिफ़ॉल्ट रूप से रूट होता है। कानूनी कस्टम नाम संरक्षित हैं, जबकि अमान्य नाम और आरक्षित शब्दPascalCaseपर सामान्यीकृत हैं।
आउटपुट केवल स्थिर TypeScript घोषणाएँ हैं: कोई रनटाइम सत्यापनकर्ता, पार्सर, सीरियलाइज़र, ज़ोड/यूप/आईओ-टीएस स्कीमा, या API क्लाइंट नहीं।

सीमाएं और संगतता

यह उपकरण नमूना डेटा से प्रकारों का अनुमान लगाता है, न कि औपचारिक स्कीमा या सत्य के अनुबंध स्रोत से। आपके नमूने से गायब फ़ील्ड का अनुमान नहीं लगाया जा सकता.
input strict JSON होना चाहिए। comment, trailing comma और दूसरी JavaScript-only syntax स्वीकार नहीं की जाती।
Generated TypeScript code में export statement शामिल नहीं होता। .ts file download करना उस export keyword को जोड़ने से अलग है जिसकी आपके project को आवश्यकता हो सकती है।
परिणाम केवल स्थिर TypeScript कोड है। यह रनटाइम सत्यापनकर्ता, पार्सर, सीरियलाइज़र, ज़ॉड स्कीमा या API क्लाइंट नहीं बनाता है।

गोपनीयता और सुरक्षा

JSON से TypeScript आपके ब्राउज़र में स्थानीय रूप से चलता है। JSON इनपुट ब्राउज़र ड्राफ्ट के रूप में रह सकता है। यदि सहेजा गया वर्कस्पेस या WebDAV सिंक सक्षम है, तो JSON इनपुट, root type name, इनपुट/आउटपुट पंक्ति संख्या पसंद और line wrapping पसंद उस सिंक के माध्यम से सहेजी जा सकती हैं। बनाया गया TypeScript, वैलिडेशन त्रुटियाँ, पंक्ति/कॉलम हाइलाइट, कॉपी स्थिति और undo इतिहास वर्तमान इनपुट से निकाले जाते हैं और अलग परिणाम डेटा के रूप में सहेजे नहीं जाते। इनपुट JSON डाउनलोड और .ts आउटपुट डाउनलोड केवल Download क्लिक करने पर बनाए जाते हैं। यह टूल फ़ाइलें अपलोड नहीं करता और अटैचमेंट नहीं बनाता।

अक्सर पूछे जाने वाले प्रश्न

6

अगला चरण पूरा करने के लिए इन संबंधित टूल का उपयोग करें।

हमारे बारे में

हमारे बारे में
मूल्य

सभी टूल की प्रोसेसिंग आपके ब्राउज़र में लोकल रूप से होती है।