मुख्य सामग्रीमा जानुहोस्
LibraTool logoLibraTool

निःशुल्क JSON बाट TypeScript कन्भर्टर

जुनसुकै JSON वस्तु वा array बाट TypeScript interfaces वा type aliases उत्पन्न गर्नुहोस्। आफ्नो JSON टाँस्नुहोस् र तुरुन्तै प्रयोगका लागि TypeScript types पाउनुहोस्।

लोड भएपछि अफलाइन काम गर्छ
export interface User {
  id: number;
  name: string;
  email: string;
  isActive: boolean;
  score: number;
  tags: string[];
  address?: null;
}

export interface Root {
  user: User;
  createdAt: string;
  version: number;
}

सामान्य प्रयोगहरू

  • API प्रतिक्रिया देखि TypeScript प्रकार उत्पन्न गर्नुहोस्API JSON प्रतिक्रिया चिपकाउनुहोस् र तुरुन्त आप्नु फ्रन्टएन्ड कोड प्रकार सुरक्षा को लागि TypeScript इन्टरफेस उत्पन्न गर्नुहोस्।
  • कन्फिग र सेटिङ्ग अब्जेक्ट को लागि TypeScript प्रकारJSON कन्फिग फाइल देखि TypeScript इन्टरफेस उत्पन्न गर्नुहोस् आप्नु अनुप्रयोग सेटिङ्ग को लागि प्रकार सुरक्षा जोड्न।
  • डेटाबेस रेकर्ड देखि TypeScript प्रकार उत्पन्न गर्नुहोस्JSON-मा निर्यात डेटाबेस रेकर्ड वा ORM क्वेरी परिणाम डेटा स्तर टाइपिङ को लागि TypeScript इन्टरफेस मा परिवर्तन गर्नुहोस्।
  • मक डेटा र परीक्षण फिक्सचर प्रकारJSON मक डेटा र परीक्षण फिक्सचर देखि TypeScript इन्टरफेस उत्पन्न गर्नुहोस् आप्नु एकाइ परीक्षण र Storybook कहानी टाइप गर्न।
  • तीसरा पक्ष API प्रतिक्रिया प्रकारतीसरा पक्ष API प्रतिक्रिया देखि TypeScript इन्टरफेस उत्पन्न गर्नुहोस् जहाँ आधिकारिक प्रकार छैन वा पुरानो छन।

यो कसरी काम गर्छ

यो उपकरणले शून्य बाह्य लाइब्रेरीसहित एउटा हातले लेखिएको रिकर्सिभ टाइप-इन्फरेन्स एल्गोरिदम प्रयोग गर्छ — इनपुट प्रमाणित र पार्स गर्न JSON.parse, त्यसपछि JSON ट्रीको हरेक मानमा हिँड्ने र ब्राउजरमा सीधै TypeScript इन्टरफेस वा टाइप घोषणाहरू उत्सर्जन गर्ने एउटा कस्टम ट्रावर्सल। केही पनि कुनै सर्भरमा पठाइँदैन।

  1. 1
    JSON पार्स र प्रमाणित गरिएको
    तपाईंको इनपुट JSON.parse मा दिइन्छ। यदि यो असफल भयो भने, ठ्याक्कै पार्स त्रुटि इनपुटमुनि तुरुन्तै देखिन्छ। सफल पार्सले बाँकी रूपान्तरण चलाउने एउटा टाइप गरिएको मान ट्री उत्पादन गर्छ।
  2. 2
    रिकर्सिभ टाइप इन्फरेन्स
    एउटा रिकर्सिभ getType फङ्सनले हरेक नोडमा हिँड्छ: प्रिमिटिभहरू string, number, boolean, वा null मा नक्सा बनाइन्छ; अब्जेक्टहरूले नयाँ नामित इन्टरफेस ट्रिगर गर्छन्; अब्जेक्टहरूको एरेका कुञ्जीहरू सबै एलिमेन्टहरूमा मर्ज गरिन्छन् त्यसैले केही वस्तुमा मात्र भएका कुञ्जीहरू वैकल्पिक बन्छन् र बाझिने मान टाइपहरू | ले जोडिन्छन्।
  3. 3
    टकराव-सुरक्षित इन्टरफेस नामाकरण
    हरेक नेस्टेड अब्जेक्टले यसको JSON कुञ्जीबाट निकालिएको एउटा PascalCase नाम पाउँछ (snake_case, kebab-case, र स्पेसहरू सबै सामान्यीकृत गरिन्छन्)। यदि दुई संरचनात्मक रूपमा फरक अब्जेक्टले उही नाम साझा गर्नेछन् भने, अघिल्लो परिभाषालाई चुपचाप ओभरराइट गर्नुको सट्टा एउटा संख्यात्मक प्रत्यय थपिन्छ (Data, Data2, …)।
  4. 4
    आउटपुट रेन्डर र डाउनलोड गर्न मिल्ने
    नेस्टेड इन्टरफेसहरू पहिले उत्सर्जन हुन्छन्, त्यसपछि रुट टाइप, तपाईंको छनोटअनुसार export interface वा export type को रूपमा फर्म्याट गरिएर। नतिजा क्लिपबोर्डमा प्रतिलिपि गर्न वा .ts फाइलको रूपमा डाउनलोड गर्न सकिन्छ — सबै एउटा मानक Blob सँग बनेको र कुनै सर्भर राउन्ड-ट्रिप बिना।

सम्बन्धित उपकरणहरू

📋

JSON Schema बाट फारम

JSON Schema टाँस्नुहोस् र लाइभ, कार्यशील फारम पाउनुहोस् — पाठ, संख्या, checkbox, dropdown, र सूची फिल्डहरू — त्यसपछि तपाईंको इनपुटले उत्पन्न गर्ने JSON कपी गर्नुहोस्। API request bodies प्रोटोटाइप गर्नका लागि उत्तम। तपाईंको ब्राउजरमा चल्छ।

प्रयास गर्नुहोस्
⌨️

टाइपिङ गति परीक्षण (WPM)

समयबद्ध, शब्द-गणना, उद्धरण, अनुकूल र ध्यान परीक्षणहरुसँग आफ्नो टाइप गर्ने गति (WPM) र सटीकता मापन गर्नुहोस्। लाइभ WPM, कच्चो गति, सुसंगतता, परिणाम ग्राफ, बहु भाषाहरु, र प्रति-वर्ण प्रतिक्रिया — सबै तपाईँको ब्राउजरमा।

प्रयास गर्नुहोस्
📐

CSS clamp() जेनेरेटर

responsive typography र spacing का लागि fluid CSS clamp() मान उत्पन्न गर्नुहोस्। min/max साइज र viewport दायरा सेट गर्नुहोस्, लाइभ प्रिभ्यू हेर्नुहोस्, र एक-लाइन CSS कपी गर्नुहोस्।

प्रयास गर्नुहोस्

बारम्बार सोधिने प्रश्नहरू