TypeScript to Mock JSON Generator
Ek TypeScript interface paste karein aur usse conform karta realistic mock JSON generate karein, seedhe aapke browser mein. Aapka code aapke device par hi rehta hai.
Aapki TypeScript interface locally aapke browser mein parse aur mock hoti hai aur kabhi upload nahi hoti, aur generated data random sample data hai, real records nahi.
JSON pehle se hai? Use JSON to TypeScript se TypeScript mein badlein.
TypeScript to Mock JSON Generator ke baare mein
Yeh TypeScript to mock data tool aapki paste ki hui interface ya type alias leta hai aur realistic mock JSON generate karta hai jo uski shape se match karta hai. Yeh type structure padhta hai aur har property ke liye ek fake value pick karta hai, field name aur declared type dono ke hisaab se choose karke: ek email field plausible email banta hai, name full name banta hai, createdAt ISO date banta hai, id UUID ya number banta hai, aur plain strings words ban jaate hain. Nested interfaces, inline objects, arrays, string-literal unions, optional members aur Date sab handle hote hain, aur aap control karte hain ki kitne objects produce karne hain aur optional fields aayenge ya nahi. Ise tests seed karne, API responses prototype karne, ya UI ko sample data se bharne ke liye use karein bajaye haath se fixtures likhne ke. Sab kuch aapke browser mein chalta hai, isliye aapki paste ki hui interface locally process hoti hai aur kabhi device se bahar nahi jaati.
Features
- Koi bhi TypeScript interface ya type alias padhta hai aur ek matching JSON shape infer karta hai
- Field name ke hisaab se fake values chunta hai — email, name, phone, url, uuid, date aur more
- Jab koi name hint match na kare to declared type par fall back karta hai (string, number, boolean, null)
- Nested interfaces, inline object types aur referenced types mein recurse karta hai
- tags: string[] jaise array fields ko kai generated items mein expand karta hai
- 'admin' | 'editor' jaise string-literal union ki ek branch pick karta hai
- Optional (prop?:) fields on ya off toggle karein aur 1 object ya kai ka array generate karein
- JSON copy karein ya ek click mein .json file ke roop mein download karein
TypeScript to Mock JSON Generator kaise use karein
- Ek TypeScript interface ya type alias input box mein paste karein.
- Set karein ki kitne objects generate karne hain aur optional fields include karne hain ya nahi.
- Agar aapne kai interfaces paste kiye, chunein ki kaunsa root ke roop mein use karna hai.
- Right side par generated mock JSON padhein, phir use Copy karein ya .json file download karein.
Example
Input
interface User {
id: number;
fullName: string;
email: string;
role: 'admin' | 'editor' | 'viewer';
tags: string[];
}
Output
{
"id": 4821,
"fullName": "Ada Lovelace",
"email": "ada.lovelace@example.com",
"role": "editor",
"tags": [
"design",
"api"
]
}
Field names fake values ko steer karte hain, jabki union field apne ek member par resolve hota hai.
Common errors aur troubleshooting
- Output mein "No TypeScript interface or type alias found" dikhta hai. — Ek real declaration paste karein jaise interface User { id: number } ya type User = { id: number }; kisi bare value ya expression ki koi shape nahi hoti jise mock kiya ja sake.
- Ek referenced type nested object ke bajaye plain word ke roop mein aata hai. — Referenced interface ko usi paste mein include karein. Sirf paste kiye source mein defined types hi expand ho sakte hain; unknown ya imported types string par fall back karte hain.
- Ek enum ya complex mapped type jaise expect kiya waise expand nahi hota. — Enums ko string-literal union (jaise 'a' | 'b') mein convert karein taaki ek member pick ho sake; unusual constructs plausible string par fall back karte hain.
- Optional fields baar-baar aate rehte hain (ya kabhi nahi aate). — Optionals toggle use karein. Off hone par har prop?: member omit hota hai; on hone par optional members hamesha include hote hain.
Aksar pooche jaane wale sawaal
- TypeScript field types fake values mein kaise badalte hain?
- Har property pehle apne name se match hoti hai — email, name, phone, url, uuid, createdAt aur similar hints matching fake data mein map hote hain — aur warna apne declared type se, taaki string, number, boolean aur null har ek ko ek sensible generated value mile.
- Kya yeh nested interfaces, arrays aur unions support karta hai?
- Haan. Nested interfaces aur inline object types recursively expand hote hain, string[] jaise array types kai generated items ban jaate hain, aur 'admin' | 'editor' jaisa string-literal union apne ek member par resolve hota hai.
- Kya main ek saath kai objects ka array generate kar sakta hoon?
- Haan. Object count 1 se upar set karein aur tool utne generated objects ka JSON array return karta hai; count 1 hone par array ke bajaye single object return hota hai.
- Optional properties kaise handle hoti hain?
- prop?: se optional mark ki members Optionals toggle se control hoti hain. Unhe hamesha include karne ke liye on karein, ya har optional field output se omit karne ke liye off karein.
- Date field ya ISO timestamp ke saath kya hota hai?
- Ek Date type, aur createdAt, updatedAt ya timestamp jaise name hints, ek ISO 8601 date string produce karte hain taaki mock JSON valid aur parse karne mein aasaan rahe.
- Kya jo TypeScript main paste karta hoon woh kahin bheja jaata hai?
- Nahi. Interface parse hoti hai aur mock JSON poori tarah aapke browser mein generate hota hai, isliye aapka paste kiya code locally process hota hai aur kabhi device se bahar nahi jaata.
Related tools
- JSON se TypeScript — Ek JSON sample se TypeScript interfaces generate karein.
- Mock Data Generator — Fake JSON data generate karein: names, emails, UUIDs, dates aur aur.
- JSON to Zod — Ek JSON sample se Zod schema generate karein, types apne aap infer hote hain.
- JSON Schema — Ek sample se JSON Schema generate karein ya document validate karein.
- JSON Formatter — JSON ko beautify, minify aur validate karein, error ki location ke saath.
- JSON to Pydantic — Ek JSON sample se Pydantic v2 model classes generate karein.
Saare ArrayKit tools