រំលងទៅខ្លឹមសារមេ
LibraTool logoLibraTool

JSON ទៅ TypeScript Converter ឥតគិតថ្លៃ

បង្កើត TypeScript interface ឬ type alias ពី JSON object ឬ array ណាមួយ។ Paste JSON របស់អ្នក ហើយទទួលបានប្រភេទ TypeScript ដែលត្រៀមប្រើភ្លាមៗ។

ធ្វើការក្រៅបណ្តាញនៅពេលបានផ្ទុករួច
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;
}

ការប្រើប្រាស់ទូទៅ

  • បង្កើត TypeScript លក្ខណ្ឌលម្អិត APIដាក់សក្ខបត្រ JSON API ហើយបង្កើត TypeScript ចរាចរ័យ្នា.
  • TypeScript លក្ខណ្ឌលម្អិតលម្អិតលម្អិតលម្អិតបង្កើត TypeScript ចរាចរ័យ្នាលក្ខណ្ឌលម្អិតលម្អិតលេខលម្អិត।
  • បង្កើត TypeScript លក្ខណ្ឌលម្អិតលម្អិតលេខលើលម្អិតបម្លែងលេខលម្អិតលម្អិតលម្អិត ORM លេខលម្អិតលម្អិត TypeScript លក្ខណ្ឌលម្អិត។
  • លម្អិតលម្អិតលេខលម្អិតបង្កើត TypeScript ចរាចរ័យ្នាលម្អិតលម្អិតលេខលម្អិត Storybook ឧល។
  • លក្ខណ្ឌលម្អិត API ទីបីបង្កើត TypeScript លក្ខណ្ឌលម្អិត API ទីបី។

វាដំណើរការដោយរបៀបណា

ឧបករណ៍នេះប្រើក្បួនដោះស្រាយសន្និដ្ឋានប្រភេទដដែលៗសរសេរដោយដៃដោយគ្មានបណ្ណាល័យខាងក្រៅសូន្យ — JSON.parse ដើម្បីផ្ទៀងផ្ទាត់ និងញែកធាតុចូល រួចការឆ្លងកាត់តាមបំណងដែលដើរតាមតម្លៃនីមួយៗនៅក្នុងដើមឈើ JSON និងបញ្ចេញការប្រកាសប្រភេទ ឬចំណុចប្រទាក់ TypeScript ដោយផ្ទាល់ក្នុងកម្មវិធីរុករក។ គ្មានអ្វីត្រូវបានផ្ញើទៅម៉ាស៊ីនមេទេ។

  1. 1
    JSON ត្រូវបានញែក និងផ្ទៀងផ្ទាត់
    ធាតុចូលរបស់អ្នកត្រូវបានបញ្ជូនទៅ JSON.parse។ ប្រសិនបើវាបរាជ័យ កំហុសញែកច្បាស់លាស់លេចឡើងភ្លាមៗនៅក្រោមធាតុចូល។ ការញែកជោគជ័យផលិតដើមឈើតម្លៃមានប្រភេទដែលដឹកនាំដំណើរការនៃការបម្លែងដែលនៅសល់។
  2. 2
    សន្និដ្ឋានប្រភេទដដែលៗ
    អនុគមន៍ getType ដដែលៗដើរតាមថ្នាំងនីមួយៗ៖ primitives គូសផែនទីទៅ string, number, boolean ឬ null; វត្ថុកេះចំណុចប្រទាក់ថ្មីមានឈ្មោះ; arrays នៃវត្ថុមានគន្លឹះរបស់ពួកវាបញ្ចូលគ្នាឆ្លងកាត់ធាតុទាំងអស់ដូច្នេះគន្លឹះមានតែក្នុងធាតុខ្លះក្លាយជាជម្រើស ហើយប្រភេទតម្លៃខុសគ្នាត្រូវបានភ្ជាប់ជាមួយ |។
  3. 3
    ការដាក់ឈ្មោះចំណុចប្រទាក់សុវត្ថិភាពពីការប៉ះទង្គិច
    វត្ថុមានស្រទាប់នីមួយៗទទួលឈ្មោះ PascalCase ទទួលពីគន្លឹះ JSON របស់វា (snake_case, kebab-case និងចន្លោះទាំងអស់ត្រូវបានធ្វើឱ្យស្តង់ដារ)។ ប្រសិនបើវត្ថុពីររចនាសម្ព័ន្ធខុសគ្នានឹងចែករំលែកឈ្មោះដូចគ្នា បច្ច័យលេខមួយត្រូវបានបន្ថែម (Data, Data2, …) ជំនួសឱ្យការសរសេរជាន់លើនិយមន័យមុនស្ងៀមស្ងាត់។
  4. 4
    លទ្ធផលត្រូវបានបង្ហាញ និងអាចទាញយកបាន
    ចំណុចប្រទាក់មានស្រទាប់ត្រូវបានបញ្ចេញមុន បន្ទាប់មកប្រភេទគោល ធ្វើទ្រង់ទ្រាយជា export interface ឬ export type អាស្រ័យលើជម្រើសរបស់អ្នក។ លទ្ធផលអាចត្រូវបានចម្លងទៅក្ដារតម្បៀតខ្ទាស់ ឬទាញយកជាឯកសារ .ts — ទាំងអស់ត្រូវបានកសាងជាមួយ Blob ស្តង់ដារ ដោយគ្មានការធ្វើដំណើររង្វិលជុំម៉ាស៊ីនមេទេ។

ឧបករណ៍ពាក់ព័ន្ធ

📋

JSON Schema ទៅ Form

Paste JSON Schema ហើយទទួលបាន form ដែលដំណើរការ ផ្ទាល់ — field អក្សរ លេខ checkbox dropdown និងបញ្ជី — ហើយចម្លង JSON ដែល input របស់អ្នកផ្ដល់។ ល្អសម្រាប់ prototype request body API។ ដំណើរការក្នុងកម្មវិធីរុករករបស់អ្នក។

សាកល្បង
⌨️

សាកល្បងល្បឿនវាយអក្សរ (WPM)

វាស់ល្បឿនវាយអក្សររបស់អ្នក (WPM) និងភាពត្រឹមត្រូវ ជាមួយតេស្តតាមពេល តាមចំនួនពាក្យ សម្រង់ ផ្ទាល់ខ្លួន និង zen។ WPM ផ្ទាល់ ល្បឿនឆៅ ភាពស្ថិរភាព ក្រាហ្វលទ្ធផល ភាសាច្រើន និងមតិកែលម្អតាមតួអក្សរនីមួយៗ — ទាំងអស់ក្នុងកម្មវិធីរុករករបស់អ្នក។

សាកល្បង
📐

បង្កើត CSS clamp()

បង្កើតតម្លៃ CSS clamp() fluid សម្រាប់ typography ឆ្លើយ និង spacing។ Set ទំហំ min/max និងជួរ viewport មើលការមើលជាមុនផ្ទាល់ ហើយចម្លង CSS ម្ដងបន្ទាត់។

សាកល្បង

សំណួរដែលសួរជាញឹកញាប់