মূল বিষয়বস্তুতে যান
ToolMug

সরাতে ↑ ↓, খুলতে Enter, বন্ধ করতে Esc চাপুন।

JSON থেকে TypeScript কনভার্টার

একটি JSON নমুনা—API response, config file বা fixture—থেকে আপনার কোডে পেস্ট করার মতো TypeScript interface তৈরি করুন। নেস্টেড object-এর নিজস্ব নামযুক্ত type হয়, আর array item-এর পার্থক্য optional বা union type হিসেবে ধরা হয়।

আপনার ব্রাউজারে চলে — আপনি যা দেন তার কিছুই আপলোড হয় না

কীভাবে ব্যবহার করবেন

  1. একটি JSON নমুনা পেস্ট করুন, অথবা “নমুনা লোড করুন” ক্লিক করুন।
  2. রুট টাইপের নাম নির্ধারণ করুন।
  3. interface বা type alias বেছে নিন।
  4. তৈরি হওয়া type কপি বা ডাউনলোড করুন।

অপশনগুলোর ব্যাখ্যা

রুট টাইপের নাম
শীর্ষ স্তরের type-এর নাম, যেমন User বা ApiResponse। নেস্টেড type-এর নাম তাদের key থেকে নেওয়া হয়—address থেকে Address এবং posts-এর items থেকে Post হয়।
interface-এর বদলে type ব্যবহার করুন
interface-এর বদলে type alias (type User = { … }) তৈরি করে। সাধারণ ডেটার জন্য দুটিই একইভাবে কাজ করে।

উদাহরণ

{"id": 1, "tags": ["a"], "owner": {"name": "Ada"}} থেকে তৈরি হয়:

export interface Owner {
  name: string;
}

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

সচরাচর জিজ্ঞাসিত প্রশ্ন

object-এর array কীভাবে সামলানো হয়?

সব item একত্র করে একটি type তৈরি করা হয়। শুধু কিছু item-এ থাকা key optional হয়ে যায় (key?), আর কোনো value কখনো null হলে string | null-এর মতো union type হয়।

কোনো field-এর type unknown কেন?

নমুনায় ওই field-এর মান হিসেবে শুধু null ছিল, তাই এর আসল type অনুমান করা যায়নি। unknown-এর জায়গায় সঠিক type বসান, অথবা এমন একটি নমুনা পেস্ট করুন যেখানে field-টির একটি মান আছে।

integer ও decimal কি আলাদা type?

TypeScript-এ নয়—দুটিই number হয়। তবে Go, Rust এবং Python-এর output-এ এদের পার্থক্য রাখা হয়।

আমার JSON কি আপলোড হয়?

না। type আপনার ব্রাউজারেই তৈরি হয়, তাই বাস্তব ডেটা থাকা API response আপনার ডিভাইসেই থাকে।

গোপনীয়তা

এই টুলটি পুরোপুরি আপনার ব্রাউজারে চলে। আপনার ফাইল ও লেখা আপনার ডিভাইসেই প্রসেস হয় এবং কখনো আমাদের সার্ভারে আপলোড হয় না।

সম্পর্কিত টুল