JSON to TypeScript

API response එකක් වැනි JSON නියැදියක්, nested types සහ optional fields සමඟ TypeScript interfaces හෝ types බවට හරවන්න.

JSON

{
  "id": 42,
  "name": "Ada Lovelace",
  "email": "ada@example.com",
  "active": true,
  "address": { "city": "London", "postcode": "W1A 1AA" },
  "tags": ["admin", "writer"],
  "orders": [
    { "id": "A1", "total": 19.99, "paid": true },
    { "id": "A2", "total": 5, "paid": false, "coupon": "SPRING" }
  ],
  "manager": null
}

TypeScript

Name Write as export readonly

How to turn JSON into TypeScript

Paste a sample of the JSON, such as an API response.
Name the main type, and choose interface or type.
Copy the result into your project. It updates as you type.

Need to check the JSON first? Use the JSON formatter.

Frequently asked questions

How are the types worked out?

From your sample JSON: strings, numbers and booleans become string, number and boolean; nested objects get their own interface named after their key; arrays become lists of the types inside them. If objects in an array don't all have a key, it becomes optional (key?).

What happens with null?

A key that's null in the sample becomes the type null (or, combined with other values in an array, for example string | null). Paste a sample with real values where you can, for more useful types.

Interface or type?

Both describe the same shapes. Interfaces can be extended and merged, and are the usual choice for object shapes; types can also describe unions. Pick what your codebase uses.

Is my JSON uploaded?

No. The types are made in your browser.

ZYBERMART ස්ථාපනය කරන්න

JSON to TypeScript

How to turn JSON into TypeScript

Frequently asked questions

ඔබේ ගිණුම

ඔබට සෑදීමට අවශ්‍ය කුමක්ද?

නිර්මාණ

සමාජ මාධ්‍ය

ලේඛන

අධ්‍යයනය

සංස්කරණය

How to turn JSON into TypeScript

Frequently asked questions

අදාළ මෙවලම්