JSON से TypeScript
नयाJSON सैंपल से nested types के साथ TypeScript interfaces बनाएँ।
Runs entirely in your browser. Nothing is uploaded.
एक क्लिक में JSON को TypeScript में बदलें
यह JSON से TypeScript कन्वर्टर JSON सैंपल से तैयार-इस्तेमाल इंटरफेस, टाइप या क्लास जेनरेट करता है, ताकि आपको API रिस्पॉन्स के लिए कभी मैन्युअल टाइप न लिखना पड़े। बाईं ओर payload पेस्ट करें और दाईं ओर साफ, सही तरीके से इंडेंट किया TypeScript तुरंत आ जाता है — इसे कॉपी करें या .ts फाइल के रूप में डाउनलोड करें।
यह एक तेज़, मुफ्त, बिना साइनअप का विकल्प है: एक ही JSON से TypeScript interface कदम जो पूरी तरह आपके ब्राउज़र में चलता है, nested objects, arrays और unions सभी अपने आप इनफर होते हैं। फाइल साइज़ की कोई लिमिट नहीं, दैनिक उपयोग की कोई कैप नहीं और आपके डिवाइस से कुछ भी कभी बाहर नहीं जाता।
Interface, Type या Class — आपकी पसंद
आउटपुट टॉगल का उपयोग करके interface, type alias, या class के बीच स्विच करें। Interface मोड डिफ़ॉल्ट है और export interface Root { … } देता है; Type मोड export type Root = { … } देता है उन कोडबेस के लिए जो aliases पसंद करते हैं; और Class मोड export class में फील्ड्स डिक्लेयर करता है। एक ही JSON तीनों को चलाता है, इसलिए आप अपने डेटा पर सेकंडों में तुलना कर सकते हैं।
आप root का नाम बदल सकते हैं, export कीवर्ड चालू या बंद कर सकते हैं, और अगली बार के लिए पसंद याद रहती है — यह एक लचीला TypeScript type generator बनाता है।
Nested Objects, Arrays और Unions के लिए स्मार्ट इनफरेंस
इंजन आपके JSON को स्कैन करता है और हर ऑब्जेक्ट के लिए एक नामित interface बनाता है, nested interfaces को उनकी keys से नाम देता है और array elements को singular करता है — एक orders array Order[] बन जाता है। एक जैसी shapes डिडुप्लीकेट होकर एक interface में आ जाती हैं, और mixed type arrays एक union जैसे (string | number)[] बन जाते हैं।
Enum detection चालू करें और बार-बार आने वाले string values literal union के रूप में इनफर होते हैं — "shipped" और "pending" की status column "pending" | "shipped" बन जाती है, न कि सिर्फ string। यह सटीकता आउटपुट को हाथ से लिखा हुआ जैसा महसूस कराती है।
Optional, Null और Readonly Fields सही तरीके से
असली API डेटा अव्यवस्थित होता है, इसलिए कन्वर्टर इसे ईमानदारी से संभालता है। जब आप API response को TypeScript में बदलते हैं, तो array के कुछ items में न मिलने वाली keys को ? से optional मार्क किया जाता है, और आप तय करते हैं कि null को कैसे टाइप करें: explicit | null union रखें, या null → optional चालू करके zip: string | null को zip?: string में बदलें।
Readonly टॉगल हर property को readonly modifier से प्रीफिक्स करता है। ये विकल्प आपको अपने प्रोजेक्ट की strictness से मेल खाने देते हैं।
quicktype, json2ts और MakeTypes से तुलना
quicktype.io बहु-भाषा जेनरेशन के लिए सबसे पूर्ण विकल्प है — यह Python, Go, C#, Kotlin और TypeScript के साथ कई अन्य भाषाएं सपोर्ट करता है। इस विस्तार का मतलब है कि इसकी TypeScript आउटपुट में कभी-कभी quicktype runtime helpers और अतिरिक्त boilerplate शामिल होते हैं। यह आपका JSON उनके सर्वर पर भी प्रोसेस करता है। json2ts.com सरल है लेकिन enum detection, readonly support और null handling options की कमी है।
MakeTypes runtime parsing के साथ TypeScript classes बनाता है। यह UtiloKit कन्वर्टर शून्य runtime footprint वाले pure types बनाता है — बस वही interfaces या type aliases जो आपके code को चाहिए, पूरी तरह आपके ब्राउज़र में, बिना server upload और बिना account के।
डिज़ाइन से प्राइवेट — आपका JSON ब्राउज़र कभी नहीं छोड़ता
हर conversion आपके tab में JavaScript का उपयोग करके locally होती है। आपका JSON कभी किसी server पर upload, store या share नहीं होता — यह offline काम करता है और confidential payloads, internal APIs और production data के लिए safe है। इस JSON से TypeScript कन्वर्टर को bookmark करें और जब भी types की ज़रूरत हो, इस्तेमाल करें।
tolerant parser यहां तक कि // comments, trailing commas और single-quoted strings वाले JSON-ish input भी स्वीकार करता है, इसलिए आप अपने editor से JavaScript object literal पेस्ट कर सकते हैं और फिर भी valid output मिलेगा।
Frequently asked questions
JSON को TypeScript में कैसे बदलें?
Input pane में अपना JSON पेस्ट करें (या Sample दबाकर उदाहरण लोड करें) और output pane में TypeScript तुरंत दिखता है। उदाहरण के लिए, {"id": 1, "name": "Priya"} का परिणाम export interface Root { id: number; name: string; } होगा। Copy या Download .ts पर क्लिक करके types सीधे अपने project में डालें।
JSON से TypeScript interface कैसे बनाएं?
Output को Interface (default) पर रखें और हर JSON object अपना export interface बन जाता है। Root name field में नाम डालकर top-level name control करें। उदाहरण के लिए { "id": 1, "name": "Priya" } के साथ root name User होने पर export interface User { id: number; name: string; } मिलता है। Nested objects अपने आप named interfaces बनते हैं।
Interface और type alias में क्या फर्क है?
दोनों एक ही object shape describe करते हैं — Interface / Type / Class toggle से अपनी codebase की preference चुनें। Interface mode export interface Root { … } देता है जिसे declaration merging से extend किया जा सकता है; Type mode export type Root = { … } देता है जो unions और primitives भी express कर सकता है; Class mode export class Root { … } declared fields के साथ देता है।
Optional या null fields (? / | null) कैसे handle करें?
दो switches इसे control करते हैं। 'Optional (?) for missing keys' किसी array के कुछ items में न मिलने वाली property को optional mark करता है। 'null → optional' zip: string | null को zip?: string में rewrite करता है; explicit | null union रखने के लिए इसे बंद रखें। इन्हें combine करके अपनी team का null-handling style match करें।
क्या यहां JSON paste करना safe है?
हां। Conversion 100% client-side है: आपका JSON आपके ब्राउज़र tab में चल रहे JavaScript द्वारा parse होता है और कभी किसी server पर upload, log या send नहीं होता। Internet disconnect करने पर भी tool काम करता है, इसलिए private API responses और confidential payloads के लिए safe है।
String enum detection कैसे काम करता है?
Detect string enums चालू करें और बार-बार आने वाली strings जैसे 'shipped' और 'pending' literal union "pending" | "shipped" के रूप में infer होती हैं, न कि plain string। इससे generated types बहुत अधिक precise और उपयोगी बनती हैं।
क्या API या Swagger response से types बना सकते हैं?
हां — अपनी API की real JSON response paste करें और tool ready-to-use interfaces infer करता है जिन्हें आप autocompletion और type safety के लिए fetch या axios calls में सीधे wire कर सकते हैं। Swagger/OpenAPI endpoint के लिए example response body (JSON, schema document नहीं) copy करके convert करें।
Related tools
सभी टूल्स देखें
नया JSON ⇄ CSV कन्वर्टर
JSON array को CSV में और CSV को वापस JSON में बदलें — सही quoting के साथ।
नया XML फ़ॉर्मेटर
XML को सीधे अपने ब्राउज़र में सुंदर बनाएँ, मिनिफ़ाई और वैलिडेट करें।
नया SQL फ़ॉर्मेटर
keyword casing और clause breaks के साथ SQL queries को सुंदर बनाएँ और मिनिफ़ाई करें।
नया CSV व्यूअर
CSV या TSV फ़ाइलों को एक साफ़ टेबल के रूप में देखें, सॉर्ट और खोजें — ब्राउज़र में।
नया Statistics Calculator
Calculate mean, median, mode, standard deviation, variance and more from a data set.
नया Matrix Calculator
Add, subtract, multiply matrices and compute determinant, inverse and transpose for 2×2–4×4 matrices.