JSON से TypeScript Interfaces

JSON नमूने से TypeScript interface या type alias बनाएँ, वैकल्पिक कुंजियों, null यूनियन और ऐरे से अनुमानित नेस्टेड टाइप के साथ। मुफ़्त और निजी।

JSON इनपुट

फ़ाइल खोलें

रूट टाइप का नाम

आउटपुट शैली

TypeScript कोड

जो कुंजियाँ कुछ ऐरे आइटम में नहीं हैं वे वैकल्पिक (?) बनती हैं, null मान "| null" बनते हैं और हमेशा null रहने वाले मान unknown बनते हैं।

पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड नहीं होता।

JSON से TypeScript क्या है?

API रिस्पॉन्स या कॉन्फ़िग का नमूना पेस्ट करें और तुरंत इस्तेमाल योग्य TypeScript interface (या type) घोषणाएँ पाएँ। नेस्टेड ऑब्जेक्ट अलग एक्सपोर्ट किए टाइप बनते हैं, ऐरे के कुछ आइटम में गायब कुंजियाँ वैकल्पिक बन जाती हैं और null मान यूनियन टाइप बनते हैं।

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

JSON इनपुट में JSON नमूना पेस्ट करें (या उदाहरण लोड करें / फ़ाइल खोलें दबाएँ)।
रूट टाइप का नाम तय करें (डिफ़ॉल्ट Root)।
आउटपुट शैली चुनें: interface या type एलियास।
बना हुआ TypeScript कोड कॉपी करें या फ़ाइल के रूप में डाउनलोड करें।

उदाहरण

इनपुट

{"id":1,"name":"A","tags":["x"]}

आउटपुट

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

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

fetch रिस्पॉन्स, फ़िक्स्चर या कॉन्फ़िग फ़ाइलों को जल्दी टाइप करने के लिए इसका उपयोग करें। एक नमूना हर स्थिति नहीं दिखा सकता: string enum, ऑब्जेक्ट आकारों की यूनियन या तारीख की स्ट्रिंग सादे string/मिले टाइप रहती हैं, इसलिए नतीजे की समीक्षा करके उसे सुधारें, या अनुबंधों के लिए JSON Schema आधारित जनरेटर इस्तेमाल करें।

JSON से TypeScript कैसे काम करता है

नमूने को रिकर्सिव ढंग से पढ़ा जाता है और हर स्थान उन टाइप को इकट्ठा करता है जो उसने देखे। ऑब्जेक्ट के ऐरे एक टाइप में मिला दिए जाते हैं: जो कुंजी कुछ एलिमेंट में नहीं है वह वैकल्पिक बन जाती है, जो कुंजी कहीं null है वह nullable बन जाती है, दशमलव के साथ मिले पूर्णांक फ़्लोटिंग-पॉइंट टाइप बनते हैं, और बाकी हर मिश्रित टाइप डायनैमिक टाइप पर चला जाता है। नेस्टेड ऑब्जेक्ट अपने नामित टाइप बनते हैं (कुंजी का PascalCase, ऐरे कुंजियों का एकवचन: orders → Order), और नाम टकराने पर अंक जुड़ते हैं। TypeScript आउटपुट पूर्णांक और दशमलव को number, स्ट्रिंग को string, बूलियन को boolean, ऐरे को T[], nullable मान को T | null और डायनैमिक मान को unknown से मैप करता है। जो कुंजियाँ मान्य आइडेंटिफ़ायर नहीं हैं उन्हें कोट किया जाता है ("first-name": string)।