အဓိကအကြောင်းအရာသို့ ကျော်သွားရန်
LibraTool logoLibraTool

အခမဲ့ JSON မှ TypeScript Converter

မည်သည့် JSON object သို့မဟုတ် array မဆို TypeScript interface သို့မဟုတ် type alias ဖန်တီးပါ။ JSON ကူးထည့်ပြီး အသုံးပြုရန် အသင့်သော TypeScript type ကို ချက်ချင်း ရပါ。

Load ပြီးသည်နှင့် offline အလုပ်လုပ်သည်
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 လုံးများအီလျှုံကအီလျှုံက။
  • အီလျှုံကအီလျှုံကအီလျှုံကအီလျှုံကများအီလျှုံကအီလျှုံကအီလျှုံကအီလျှုံကအီလျှုံကမှ TypeScript အင်္ဂတန်မုံလုံးများထုတ်လုပ်ပြီး အီလျှုံကအီလျှုံကအီလျှုံကအီလျှုံကများက၊ သို့မဟုတ်ဟန့်ဆီးခြင်းများမရှိပါ။

မည်သို့ အလုပ်လုပ်သည်

ဤကိရိယာသည် ပြင်ပ library လုံးဝမပါသော ကိုယ်တိုင်ရေးထားသော recursive type inference algorithm ကို သုံးသည် — input ကို validate ပြီး parse ရန် JSON.parse ကို သုံးပြီး JSON tree ရှိ တန်ဖိုးတိုင်းကို လျှောက်ကာ TypeScript interface သို့မဟုတ် type declaration များကို browser ထဲတွင် တိုက်ရိုက် ထုတ်ပေးသော custom traversal တစ်ခု။ Server သို့ ဘာမှ မပို့ပါ။

  1. 1
    JSON ကို parse လုပ်ပြီး စစ်ဆေးထားသည်
    သင့် input ကို JSON.parse သို့ ပေးပို့သည်။ Fail ပါက exact parse error ကို input အောက်တွင် ချက်ချင်း ဖော်ပြသည်။ အောင်မြင်သော parse တစ်ခုသည် conversion ကျန်ကို ဆင်ခြင်ပေးမည့် typed value tree တစ်ခု ထုတ်ပေးသည်။
  2. 2
    ထပ်ကာထပ်ကာ အမျိုးအစား ခန့်မှန်းခြင်း
    Recursive getType function တစ်ခုသည် node တိုင်းကို လျှောက်သည်: primitives သည် string, number, boolean, or null သို့ map လုပ်သည်၊ object များသည် named interface အသစ်တစ်ခုကို trigger လုပ်သည်၊ object array များသည် ၎င်းတို့၏ key များကို element အားလုံးတွင် merge လုပ်ထားသဖြင့် item အချို့တွင်သာ ရှိသော key များသည် optional ဖြစ်လာပြီး ပဋိပက္ခဖြစ်နေသော value type များကို | ဖြင့် ချိတ်ဆက်သည်။
  3. 3
    Collision-safe interface အမည်ပေးခြင်း
    Nested object တစ်ခုစီသည် ၎င်း၏ JSON key မှ ဆင်းသက်လာသော PascalCase အမည်ကို ရသည် (snake_case, kebab-case, နှင့် space များအားလုံးကို normalize လုပ်ထားသည်)။ ဖွဲ့စည်းပုံ ကွဲပြားသော object နှစ်ခုသည် အမည်တူညီအောင် ရှိလျှင် ယခင် definition ကို တိတ်တဆိတ် ပြန်မရေးဘဲ ဂဏန်း suffix တစ်ခု (Data, Data2, …) ထပ်ထည့်သည်။
  4. 4
    Output ကို render လုပ်ပြီး ဒေါင်းလုဒ်ဆွဲနိုင်သည်
    Nested interface များကို ဦးစွာ ထုတ်ပေးပြီး root type ကို သင့်ရွေးချယ်မှုအလိုက် export interface သို့မဟုတ် export type ဟု ဖော်မတ်ချသည်။ ရလဒ်ကို clipboard သို့ ကူးယူ (သို့) .ts ဖိုင်အဖြစ် ဒေါင်းလုဒ်ဆွဲနိုင်သည် — standard Blob တစ်ခုနှင့် server round-trip မရှိဘဲ တည်ဆောက်ထားသည်။

ဆက်နွှယ်သော ကိရိယာများ

📋

JSON Schema မှ Form

JSON Schema ကူးထည့်ပြီး live၊ အလုပ်လုပ်သော form — text, number, checkbox, dropdown နှင့် list field — ရပြီး သင့် input ထုတ်လုပ်သော JSON copy ပါ။ API request body ကြိုတင်ကြည့်ရှုရာ ကောင်းသည်။ browser တွင် ဆောင်ရွက်သည်。

ကြိုးစားပါ
⌨️

စာရိုက်နှုန်းစမ်းသပ်စက် (WPM)

အချိန်သတ်၊ စကားလုံးရေ၊ ကိုးကားချက်၊ စိတ်ကြိုက်နှင့် Zen စမ်းသပ်မှုများဖြင့် သင့်စာရိုက်မြန်နှုန်း (WPM) နှင့် တိကျမှုကို တိုင်းတာပါ။ တိုက်ရိုက် WPM၊ raw မြန်နှုန်း၊ တသမတ်တည်းရှိမှု၊ ရလဒ်ဂရပ်၊ ဘာသာစကားများစွာနှင့် စာလုံးတစ်လုံးချင်း တုံ့ပြန်ချက် — အားလုံး သင့်ဘရောက်ဇာတွင်။

ကြိုးစားပါ
📐

CSS clamp() ထုတ်လုပ်စက်

responsive typography နှင့် spacing အတွက် fluid CSS clamp() တန်ဖိုး ဖန်တီးပါ။ min/max size နှင့် viewport range သတ်မှတ်ပါ၊ live preview ကြည့်ပြီး one-line CSS copy ပါ。

ကြိုးစားပါ

မကြာခဏ မေးလေ့မေးထရှိသော မေးခွန်းများ