Skip to main content

JSON - TypeScript மாற்றி

JSON ஐ TypeScript வடிவத்திற்கு மாற்றவும். இலவச ஆன்லைன் மாற்றி. பதிவு எதுவும் தேவையில்லை.
உள்ளீட்டு JSON
வெளியீட்டு TypeScript

JSON என்றால் என்ன?

JSON (JavaScript Object Notation) என்பது படிக்கக்கூடிய கீ-வேல்யூ (key–value) ஜோடிகளைப் பயன்படுத்தி கட்டமைக்கப்பட்ட தரவைக் குறிக்கப் பரவலாகப் பயன்படுத்தப்படும் தரவுப் பரிமாற்ற வடிவமாகும். இது பொதுவாக API-கள், உள்ளமைப்பு கோப்புகள் மற்றும் பின்தள அமைப்புகளில் பயன்படுத்தப்படுகிறது.

பொதுவான பயன்பாட்டு நிகழ்வுகளில் API பதில்கள், உள்ளமைப்பு சேமிப்பு மற்றும் சேவைகளுக்கு இடையிலான தரவு பரிமாற்றம் ஆகியவை அடங்கும்.

TypeScript இடைமுகம் (Interface) என்றால் என்ன?

TypeScript இடைமுகம் என்பது TypeScript இல் உள்ள ஒரு பொருளின் வடிவம், பண்புகள் மற்றும் வகைகளை வரையறுக்கும் ஒரு சக்திவாய்ந்த கம்பைல்-நேர கட்டமைப்பு ஆகும். இது JavaScript இல் எந்த இயக்க நேர (runtime) ஓவர்ஹெடும் சேர்க்காமல் கடுமையான வகை பாதுகாப்பு, தன்னியக்க பூர்த்தி மற்றும் கம்பைல்-நேர சரிபார்ப்பை வழங்குகிறது.

API ரெஸ்பான்ஸ் மாடல்களை டைப் செய்ய, காம்போனன்ட் ப்ராப் ஒப்பந்தங்களை வரையறுக்க, டேட்டாபேஸ் ஸ்கீமாக்களை நிறுவ மற்றும் பெரிய அளவிலான பராமரிக்கக்கூடிய ஃப்ரண்ட்என்ட்/பேக்என்ட் கோட்பேஸ்களை பராமரிக்க TypeScript இடைமுகங்கள் சிறந்தவை.

மாதிரியை ஏற்று

JSON உள்ளீட்டு தரவு
{
  "userId": "4532",
  "username": "janedoe",
  "email": "jane@example.com",
  "verified": true,
  "preferences": {
    "theme": "dark",
    "notifications": {
      "email": true,
      "push": false,
      "sms": null
    }
  },
  "roles": ["admin", "moderator"],
  "recentProjects": [
    {
      "projectId": "proj_101",
      "title": "E-Commerce Microservice",
      "status": "active"
    }
  ],
  "lastLogin": "2026-10-20T12:00:00Z"
}
உருவாக்கப்பட்ட TypeScript இடைமுகங்கள்
interface Notifications {
    email: boolean;
    push: boolean;
    sms: null;
}

interface Preferences {
    theme: string;
    notifications: Notifications;
}

interface RecentProject {
    projectId: string;
    title: string;
    status: string;
}

interface RootObject {
    userId: string;
    username: string;
    email: string;
    verified: boolean;
    preferences: Preferences;
    roles: string[];
    recentProjects: RecentProject[];
    lastLogin: string;
}
We use analytics cookies to understand site usage and improve tools. See our Privacy Policy.