डेवलपर टूल / 15

JSON से TypeScript जनरेटर

JSON ऑब्जेक्ट और array को मज़बूत टाइप वाले TypeScript इंटरफ़ेस या type declaration में बदलें।

JSON से TypeScript जनरेटर: TOEA JSON के type और nested keys की बार-बार जाँच करके TypeScript इंटरफ़ेस की परिभाषाएँ और union arrays का अनुमान लगाता है। यह आपके ब्राउज़र में 100% स्थानीय रूप से चलता है और सर्वर पर कोई फ़ाइल अपलोड नहीं होती।

श्रेणी: डेवलपर टूल्स
रन: आपके ब्राउज़र में
लागत: मुफ़्त · साइन अप की ज़रूरत नहीं
उपलब्धता: इस्तेमाल के लिए तैयार

रूट नाम

डिक्लेरेशन शैली

फ़ील्ड को वैकल्पिक करें (?)

इनपुट JSON

जनरेट की गई TypeScript परिभाषाएँ

export interface Product {
  id: number;
  name: string;
  inStock: boolean;
  tags: string[];
  dimensions: Dimensions;
}

export interface Dimensions {
  weightKg: number;
  heightCm: number;
}

एक नमूना, एक संरचना

टाइप नमूने का ठीक-ठीक वर्णन करते हैं। null वाला फ़ील्ड null टाइप बनता है, खाली ऐरे any[] बनता है और ऐरे के अंदर के ऑब्जेक्ट केवल पहले एलिमेंट से अपनी संरचना लेते हैं। इन्हें हाथ से संपादित करें: null का अर्थ आम तौर पर string | null या ऐसा ही कुछ होता है, और केवल कुछ रिकॉर्ड में मौजूद फ़ील्ड वैकल्पिक होने चाहिए। समान कुंजी नाम वाले दो नेस्टेड ऑब्जेक्ट एक ही इंटरफ़ेस साझा करते हैं, जिसका नाम कुंजी के आधार पर होता है, इसलिए जाँच लें कि उसके फ़ील्ड दोनों में सही बैठते हैं।

टाइप डेटा की जाँच नहीं करते

कोड compile होने पर TypeScript टाइप गायब हो जाते हैं। अगर कोई API बाद में किसी फ़ील्ड को संख्या के बजाय स्ट्रिंग भेजता है, तो रनटाइम पर उसे रोकने वाला कुछ नहीं होता और त्रुटि कहीं और दिखाई देती है। आपके कोड के बाहर से आए डेटा को प्राप्त होते ही वैलिडेट करें: JSON Schema के अनुसार, जिसे आप JSON स्कीमा में जाँच सकते हैं, या रनटाइम वैलिडेशन लाइब्रेरी से।

साधारण डेटा के लिए interface या type का इस्तेमाल करना शायद ही महत्वपूर्ण होता है। इंटरफ़ेस को विस्तारित और मर्ज किया जा सकता है; type alias यूनियन भी व्यक्त कर सकते हैं।

इस्तेमाल करने का तरीका

अपना JSON डेटा इनपुट बॉक्स में पेस्ट करें।
रूट इंटरफ़ेस का नाम, declaration style या optional fields सेट करें।
बनाया गया TypeScript कोड कॉपी करें।

गोपनीयता और सीमाएँ

आपका JSON डेटा पूरी तरह ब्राउज़र RAM में पार्स होता है। सर्वर पर कोई अपलोड नहीं होता।

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

क्या यह nested objects को सपोर्ट करता है?

हाँ, nested objects से अपने-आप child interfaces बनते हैं।

क्या मैं interfaces की जगह type aliases बना सकता हूँ?

हाँ, Declaration Style selector में 'type' चुनें।

मुफ़्त टूल · आपके ब्राउज़र में बार चलता है · अकाउंट की ज़रूरत नहीं

एक नमूना, एक संरचना

टाइप डेटा की जाँच नहीं करते

इस्तेमाल करने का तरीका

गोपनीयता और सीमाएँ

संबंधित टूल्स

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