LibraTool logoLibraTool

گۆڕەری JSON بۆ TypeScriptی بەخۆڕایی

ئینتەرفەیس یان جۆری بژاردەی TypeScript لە هەر ئۆبجێکت یان ڕیزبەندی JSONـێک دروست بکە. 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;
}

چۆن کار دەکات

ئەم ئامرازە ئەلگۆریتمێکی دووپاتکراوی دەریافتی جۆری دەستنووس بەبێ هیچ کتێبخانەی دەرەکی بەکاردێنێت — JSON.parse بۆ پشکنین و شیکردنەوەی داخڵ، پاشان بگرەیەکی تایبەت کە هەموو نرخێک لە درەختی JSONدا دەگەڕێت و ڕاستەوخۆ لە وێبگەڕدا ڕاگەیاندنی interface یان typeی TypeScript دەردەهێنێت. هیچ شتێک بۆ سێرڤەرێک نانێردرێت.

  1. 1
    JSON شیکراوەتەوە و پشکنراوە
    داخڵییەکەت بۆ JSON.parse دەنێردرێت. ئەگەر شکستی بهێنێت، هەڵەی وردی شیکردنەوە دەستبەجێ لەژێر داخڵییەکەوە دەردەکەوێت. شیکردنەوەیەکی سەرکەوتوو درەختێکی نرخی جۆردار دروستدەکات کە ماوەی گۆڕینەکە دەبات.
  2. 2
    دەریافتی جۆری دووپاتکراو
    فەنکشنی دووپاتکراوی getType هەموو گرێیەک دەگەڕێت: بنەڕەتییەکان نەخشە دەکرێن بۆ string، number، boolean، یان null؛ ئۆبجێکت interfaceیەکی ناودار نوێ دەگیرسێنێت؛ ڕیزی ئۆبجێکت کلیلەکانیان بەسەر هەموو توخمدا تێکەڵ دەکرێن بۆیە کلیلی تەنها لە هەندێک بابەتدا هەبووە ئارەزوومەندانە دەبن و جۆری نرخی ناکۆک بە | بەیەکەوە دەبەسترێن.
  3. 3
    ناوگۆڕینی interfaceی سەلامەت-تێکنەکەوتن
    هەر ئۆبجێکتێکی هێڵکراو ناوێکی PascalCase وەردەگرێت وەرگیراو لە کلیلی JSONـی خۆی (snake_case، kebab-case، و بۆشایی هەموو ستاندارد دەکرێن). ئەگەر دوو ئۆبجێکتی جیاوازی پێکهاتەیی هەمان ناو بەکاربهێنن، پاشگرێکی ژمارەیی زیاد دەکرێت (Data، Data2، …) لەبری بێدەنگانە بەسەرداچوونی پێناسەی پێشوو.
  4. 4
    دەرچوون کێشراو و داگرتراوە
    interfaceی هێڵکراو سەرەتا دەردەخرێن، پاشان جۆری ڕیشە، فۆرمات‌کراو وەک export interface یان export type بەپێی هەڵبژاردنت. ئەنجامەکە دەتوانرێت بۆ کلیپبۆرد کۆپی بکرێت یان وەک فایلێکی .ts داگیرێت — هەموو بە Blobیەکی ستاندارد بنیاتنراوە بەبێ گەشتی سێرڤەر.

ئامرازە پەیوەندیدارەکان

📋

لە JSON Schema بۆ فۆرم

JSON Schema بلکێنە و فۆرمێکی زیندووی کارا وەربگرە — خانەی دەق، ژمارە، بۆکسی هەڵبژاردن، لیستی دابەزین و خانەی لیست — پاشان JSONـی دروستکراو لە داخڵکراوەکانت کۆپی بکە. زۆر گونجاوە بۆ نمایشکردنی بەشی داواکاری API. لە وێبگەڕەکەتدا کاردەکات.

تاقی بکەرەوە
بەناوبانگ
⌨️

تاقیکردنەوەی خێرایی نووسین (WPM)

خێرایی نووسینت (WPM) و وردییەکەی بپێوە بە تاقیکردنەوەی کاتدار، ژمارەی وشە، وتە، تایبەت، و زێن. WPMی زیندوو، خێراییی خاو، جێگیری، گرافی ئەنجام، چەندین زمان، و ڕەخنەی هەر پیتێک — هەموو لە وێبگەڕەکەتدا.

تاقی بکەرەوە
📐

دروستکەری CSS clamp()

بەهایەکی شلی clamp()ی CSS دروست بکە بۆ فۆنت و بۆشایی وەڵامدەرەوە. قەبارەی کەمترین/زۆرترین و مەودای ڕوانگە دیاری بکە، پێشبینینی زیندوو ببینە، و CSSی یەک هێڵی کۆپی بکە.

تاقی بکەرەوە

پرسیارە باوەکان