JSON से TypeScript: तुरंत इंटरफ़ेस

किसी भी सैंपल ऑब्जेक्ट या ऐरे से JSON को TypeScript इंटरफ़ेस में बदलें। फ़ील्ड प्रकार अनुमानित करें, ऑब्जेक्ट नेस्ट करें और साफ़ टाइप कॉपी करें। आपके ब्राउज़र में स्थानीय रूप से चलता है।

आपका JSON पूरी तरह आपके ब्राउज़र में पार्स और रूपांतरित होता है, इसलिए यह आपके डिवाइस पर रहता है और कुछ भी सर्वर पर अपलोड नहीं होता।

निर्माण और रखरखाव: Udit Agarwal

Go, Rust या Python टाइप चाहिए? JSON to Code आज़माएँ।

JSON से TypeScript के बारे में

यह json to typescript कन्वर्टर किसी सैंपल JSON ऑब्जेक्ट या ऐरे को सेकंडों में उपयोग के लिए तैयार TypeScript इंटरफ़ेस में बदल देता है। एक असली API रिस्पॉन्स पेस्ट करें और यह फ़ील्ड प्रकार अनुमानित करता है, चाइल्ड ऑब्जेक्ट को उनके अपने नामित इंटरफ़ेस में नेस्ट करता है, ऑब्जेक्ट के ऐरे को एक ही आकार में मर्ज करता है, और कुछ आइटम में छूटी हुई कीज़ को प्रश्नचिह्न के साथ वैकल्पिक के रूप में चिह्नित करता है। यह फ्रंटएंड और बैकएंड डेवलपर्स, QA इंजीनियरों, और टाइप किए हुए क्लाइंट बनाने वाले किसी भी व्यक्ति के लिए बनाया गया है जो हाथ से लिखने के बजाय json से typescript types जेनरेट करना पसंद करते हैं। किसी अपरिचित एंडपॉइंट को देखते समय इसे एक त्वरित typescript interface generator के रूप में उपयोग करें, या अपने मॉडल को सैंपल पेलोड के साथ सिंक में रखने के लिए। सब कुछ आपके ब्राउज़र में स्थानीय रूप से चलता है, इसलिए आपके द्वारा पेस्ट किया गया JSON आपके डिवाइस पर संसाधित होता है और कुछ भी सर्वर पर अपलोड नहीं होता।

विशेषताएँ

  • किसी भी JSON ऑब्जेक्ट या ऐरे से नामित TypeScript इंटरफ़ेस जेनरेट करता है
  • नेस्टेड ऑब्जेक्ट को PascalCase नामों के साथ उनके अपने निर्यातित इंटरफ़ेस में बदलता है
  • ऑब्जेक्ट के ऐरे को हर की को कवर करने वाले एक ही इंटरफ़ेस में मर्ज करता है
  • कुछ तत्वों में छूटी हुई कीज़ को प्रश्नचिह्न के साथ वैकल्पिक के रूप में चिह्नित करता है
  • आपके सैंपल वैल्यू से primitive, array, union और null प्रकार अनुमानित करता है
  • रूट इंटरफ़ेस का नाम बदलकर अपने मॉडल से मिलाने देता है
  • JSON को मान्य करता है और सिंटैक्स एरर की लाइन और कॉलम बताता है
  • परिणाम को कॉपी करें या इसे .ts फ़ाइल के रूप में डाउनलोड करें

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

  1. अपना JSON ऑब्जेक्ट या ऐरे इनपुट बॉक्स में पेस्ट करें।
  2. रूट इंटरफ़ेस का नाम अपने मॉडल से मिलाने के लिए सेट करें, या इसे Root छोड़ दें।
  3. आउटपुट पैनल में जेनरेट किए गए TypeScript इंटरफ़ेस देखें।
  4. परिणाम कॉपी करें या इसे .ts फ़ाइल के रूप में डाउनलोड करें।

उदाहरण

इनपुट

{ "id": 1, "name": "Ada", "tags": ["a", "b"] }

आउटपुट

export interface Root {
  id: number;
  name: string;
  tags: string[];
}

एक सपाट JSON ऑब्जेक्ट एक ही टाइप किए हुए इंटरफ़ेस में बदल जाता है।

सामान्य त्रुटियाँ और समस्या निवारण

  • आउटपुट एक लाइन और कॉलम के साथ Invalid एरर दिखाता है। — JSON में ट्रेलिंग कॉमा, सिंगल कोट्स या बिना कोट वाली की जैसी सिंटैक्स समस्या है। बताई गई लाइन और कॉलम पर इसे ठीक करें, फिर इंटरफ़ेस फिर से जेनरेट हो जाते हैं।
  • आपके द्वारा अपेक्षित फ़ील्ड प्रश्नचिह्न के साथ वैकल्पिक के रूप में चिह्नित है। — वह की आपके ऐरे सैंपल में कम से कम एक तत्व से अनुपस्थित है। यदि यह हमेशा आवश्यक होनी चाहिए तो इसे हर तत्व में शामिल करें।
  • एक प्रॉपर्टी unknown प्रकार के रूप में आती है। — उस की के लिए हर सैंपल वैल्यू null या undefined थी, इसलिए कोई ठोस प्रकार अनुमानित नहीं हो सका। उस फ़ील्ड के लिए असली वैल्यू वाला सैंपल दें।
  • किसी संख्या या स्ट्रिंग जैसी नंगी वैल्यू पेस्ट करने पर केवल एक टाइप एलियास मिलता है। — यह अपेक्षित है। यदि आप एक single export type alias के बजाय एक नामित इंटरफ़ेस चाहते हैं तो वैल्यू को एक ऑब्जेक्ट या ऐरे में लपेटें।

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

JSON से TypeScript कन्वर्टर क्या है?
यह एक टूल है जो एक सैंपल JSON ऑब्जेक्ट या ऐरे पढ़ता है और मेल खाते TypeScript इंटरफ़ेस जेनरेट करता है, हर फ़ील्ड का प्रकार अनुमानित करते हुए, ताकि आप परिणाम को सीधे अपने कोडबेस में डाल सकें।
JSON को TypeScript इंटरफ़ेस में कैसे बदलूँ?
अपना JSON इनपुट बॉक्स में पेस्ट करें, वैकल्पिक रूप से रूट इंटरफ़ेस का नाम सेट करें, फिर आउटपुट पैनल से जेनरेट किए गए इंटरफ़ेस कॉपी या डाउनलोड करें।
JSON से TypeScript ऑब्जेक्ट के ऐरे को कैसे संभालता है?
यह हर तत्व की कीज़ को एक इंटरफ़ेस में मर्ज करता है। कुछ तत्वों से छूटी कोई भी की प्रश्नचिह्न के साथ वैकल्पिक के रूप में चिह्नित होती है ताकि प्रकार पूरे ऐरे को कवर करे।
नेस्टेड ऑब्जेक्ट TypeScript में कैसे बदले जाते हैं?
हर नेस्टेड ऑब्जेक्ट PascalCase नाम के साथ अपना निर्यातित इंटरफ़ेस बन जाता है, और पैरेंट उसे आकार इनलाइन करने के बजाय प्रकार से संदर्भित करता है।
null या मिश्रित-प्रकार की वैल्यू के साथ क्या होता है?
null वैल्यू null के साथ एक union बनाती हैं, और एक से अधिक primitive प्रकार रखने वाले फ़ील्ड string | number जैसे union बन जाते हैं।
जब मैं इसे TypeScript में बदलता हूँ तो क्या मेरा JSON कहीं भेजा जाता है?
नहीं। JSON से TypeScript रूपांतरण पूरी तरह आपके ब्राउज़र में चलता है, इसलिए आपके द्वारा पेस्ट किया गया डेटा स्थानीय रूप से संसाधित होता है और कभी आपके डिवाइस से बाहर नहीं जाता।

संबंधित टूल

  • JSON से कोड — JSON से Go, Rust, Python, Java, Kotlin, C# और TypeScript टाइप जेनरेट करें।
  • JSON फ़ॉर्मेटर — त्रुटि की स्थिति के साथ JSON को सुंदर बनाएँ, छोटा करें और वैलिडेट करें।
  • JSON से CSV — सपाट JSON ऑब्जेक्ट के एरे को CSV में कन्वर्ट करें।
  • JSON व्यूअर — विस्तृत/संक्षिप्त करने और नोड पाथ के साथ टेक्स्ट और फ़ोल्ड होने योग्य ट्री व्यूअर।
  • JSON ट्री व्यूअर — JSON को एक फ़ोल्ड होने योग्य, टाइप किए गए ट्री के रूप में एक्सप्लोर करें।
  • YAML ↔ JSON — YAML को JSON में और वापस कन्वर्ट करें।
  • मॉक डेटा जेनरेटर — नकली JSON डेटा जेनरेट करें: नाम, ईमेल, UUID, तिथियाँ और अन्य।

JSON के और टूल

  • JSON से CSV — सपाट JSON ऑब्जेक्ट के एरे को CSV में कन्वर्ट करें।
  • JSON एस्केप / अनएस्केप — टेक्स्ट को JSON स्ट्रिंग में एस्केप करें या JSON स्ट्रिंग को सादे टेक्स्ट में अनएस्केप करें।
  • JSON से कोड — JSON से Go, Rust, Python, Java, Kotlin, C# और TypeScript टाइप जेनरेट करें।
  • JSON Diff — दो JSON दस्तावेज़ों की तुलना करें और एक संरचनात्मक diff देखें।
  • JSON Schema Generator और Validator — एक नमूने से JSON Schema जनरेट करें या JSON दस्तावेज़ मान्य करें।
  • JSON Flatten / Unflatten — नेस्टेड JSON को डॉट-नोटेशन कीज़ में फ़्लैटन करें, या वापस अनफ़्लैटन करें।
  • JSON to Zod — किसी JSON सैंपल से एक Zod schema जेनरेट करें, प्रकार अनुमानित करते हुए।
  • JSON to Pydantic — किसी JSON सैंपल से Pydantic v2 मॉडल क्लास जेनरेट करें।
  • JSONPath Evaluator — किसी भी JSON के विरुद्ध JSONPath expression का मूल्यांकन करें और मैच लाइव देखें।
  • JSON to TOON — JSON को TOON में और वापस बदलें ताकि LLM prompt कम टोकन में पैक हों।
  • jq Playground — अपने ब्राउज़र में असली jq engine के साथ jq filter चलाएँ।
  • TypeScript से Mock JSON — एक TypeScript interface पेस्ट करें और उसके अनुरूप यथार्थवादी mock JSON बनाएँ।

JSON के सभी टूल देखें (29) · सभी टूल