YamlBox

कोड जनरेटर

JSON से TypeScript जेनरेटर

एक JSON प्रतिक्रिया चिपकाएँ और टाइप करवाएँ, पेस्ट करने के लिए तैयार TypeScript। ऐरे आइटम को मर्ज कर दिया जाता है ताकि वैकल्पिक फ़ील्ड का पता लगाया जा सके, नेस्टेड ऑब्जेक्ट नामित इंटरफ़ेस बन जाते हैं, और मिश्रित प्रकार ईमानदार यूनियन बन जाते हैं।

रूपांतरण विकल्प

JSON नमूना

उदाहरण: उपयोगकर्ता वस्तु · वैकल्पिक फ़ील्ड के साथ सूची बनाएं —⌘/Ctrl + Enter कनवर्ट करता है · किसी फ़ाइल को लोड करने के लिए उसे छोड़ें · स्थानीय रूप से संसाधित किया जाता है

TypeScript

आउटपुट केवल पढ़ने योग्य है. इसे बाहर निकालने के लिए कॉपी, डाउनलोड या शेयर का उपयोग करें।

JSON से TypeScript टूल का उपयोग कैसे करें

  1. वास्तविक प्रतिक्रिया चिपकाएँ

    ऐसे पेलोड का उपयोग करें जिसमें वैकल्पिक और अशक्त फ़ील्ड शामिल हों जिन्हें आप वास्तव में उत्पादन में देखते हैं - जितना अधिक प्रतिनिधि, अनुमानित प्रकार उतना ही बेहतर।

  2. अपने मूल प्रकार को नाम दें

    रूट प्रकार को वह नाम दें जो आपके कोडबेस में है (उपयोगकर्ता, ऑर्डर, एपीरिस्पॉन्स) और अपने स्टाइल गाइड से मेल खाने के लिए इंटरफेस या टाइप उपनाम चुनें।

  3. अपने प्रोजेक्ट में कॉपी करें

    परिणाम को अपनी टाइप फ़ाइल में चिपकाएँ। रनटाइम सत्यापन के लिए, इसे JSON स्कीमा या ज़ॉड जैसे रनटाइम सत्यापनकर्ता के साथ जोड़ें।

इस टूल को क्या अलग बनाता है

  • सरणी तत्व आकृतियों को मर्ज करता है और गैर-सार्वभौमिक कुंजियों को वैकल्पिक के रूप में चिह्नित करता है
  • मिश्रित प्रकार के लिए यूनियन (स्ट्रिंग | नंबर, स्ट्रिंग | नल) बजाय किसी को चुप कराने के
  • नेस्टेड वस्तुओं का नाम उनके मुख्य पथ से रखा गया है (पता, साक्ष्य,…)
  • कस्टम रूट नाम के साथ इंटरफ़ेस या टाइप-उपनाम आउटपुट
  • टाइमस्टैम्प फ़ील्ड को फ़्लैग करने के लिए वैकल्पिक आईएसओ दिनांक का पता लगाना

वास्तुकला द्वारा गोपनीयता: इस पृष्ठ में कोई विश्लेषण नहीं है जो आपका इनपुट प्राप्त करता हो, और रूपांतरण कोड आपके टैब में चलता है। आप लोड करने के बाद नेटवर्क से डिस्कनेक्ट कर सकते हैं और काम करना जारी रख सकते हैं।

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

वैकल्पिक फ़ील्ड का पता कैसे लगाया जाता है?

जब इनपुट वस्तुओं की एक सरणी होती है, तो प्रत्येक आइटम में प्रत्येक संपत्ति की जाँच की जाती है। कुछ वस्तुओं में गायब कुंजी को ? के साथ वैकल्पिक रूप से चिह्नित किया जाता है, और हर जगह मौजूद कुंजी आवश्यक रहती है।

निरर्थक फ़ील्ड कैसे प्रकार बन जाते हैं?

एक शून्य को अपने स्वयं के एक प्रकार के रूप में माना जाता है, इसलिए एक फ़ील्ड जो कभी-कभी एक स्ट्रिंग होती है और कभी-कभी शून्य टाइप की गई स्ट्रिंग होती है अशक्त - आपके कंपाइलर द्वारा भरोसा किए गए झूठ के बजाय एक ईमानदार प्रकार।

इंटरफ़ेस या प्रकार उपनाम - मुझे किसे चुनना चाहिए?

इंटरफ़ेस अधिक सामान्य परिपाटी है और घोषणाओं में अच्छी तरह से विलीन हो जाता है; यूनियनों और चौराहों के लिए प्रकार के उपनाम बेहतर ढंग से पढ़े जाते हैं। कार्यात्मक रूप से, उत्पन्न डेटा आकृतियों के लिए, या तो काम करता है - आपके मौजूदा कोडबेस से मेल खाता है।

क्या यह ज़ॉड या अन्य रनटाइम स्कीमा उत्पन्न कर सकता है?

प्रत्यक्ष नहीं। उसी पेलोड से JSON स्कीमा उत्पन्न करें और एक सत्यापनकर्ता प्राप्त करें, या ज़ोड स्कीमा को हाथ से लिखें और स्थिर पक्ष के लिए इन इंटरफेस का उपयोग करें। प्रकार संकलन समय पर आकार का वर्णन करते हैं; सत्यापनकर्ता रनटाइम पर आपकी सुरक्षा करते हैं।

क्या यह बड़ी API प्रतिक्रियाओं के लिए काम करता है?

हाँ। JSON फ़ाइल को चिपकाएँ या छोड़ें - नेस्टिंग का अनुमान पुनरावर्ती रूप से लगाया जाता है। बहुत बड़े पेलोड जनरेटर के बजाय ब्राउज़र मेमोरी द्वारा सीमित होते हैं।

“json से ts”, “इंटरफ़ेस के लिए json”, “त्वरित प्रकार का विकल्प” खोज रहे हैं? तुम सही जगह पर हैं - सभी 19 टूल ब्राउज़ करें.

गहन अध्ययन

ब्लॉग लेख · 6 मिनट पढ़ा JSON से TypeScript: ऐसे प्रकार जो वास्तविकता से मेल खाते हैं वास्तविक API प्रतिक्रिया से JSON को TypeScript इंटरफ़ेस में कनवर्ट करें - वैकल्पिक कुंजी, शून्य यूनियन, नेस्टेड प्रकार - और उत्पन्न प्रकारों को बहने से बचाएं। गाइड पढ़ें →