PL

Konwertuj JSON na TypeScript

Aby zamienić JSON na TypeScript, wklej poniżej przykładowe dane: narzędzie tworzy interfejsy lub typy z zagnieżdżonymi obiektami, tablicami i polami opcjonalnymi – albo schemat JSON. Twoje dane zostają w przeglądarce.

Źródło: TypeScript Handbook – Object Types (interfaces, optional properties, readonly). Stan na: .

Moje narzędzia

Wynik

Wynik
export interface Root { id: number; name: string; email: null; tags: string[]; address: Address; orders: Order[]; active: boolean; } export interface Address { street: string; zip: string; } export interface Order { no: number; total: number; voucher?: string; }
Podsumowanie
Wygenerowano typów: 3 z 217 znaków JSON.
Wnioskowane jest tylko to, co występuje w przykładowych danych: pole, które tam nigdy nie było null, nie jest rozpoznawane jako dopuszczające null; pola, których nie ma w każdym obiekcie, stają się opcjonalne (?).

Jak to obliczamy

Zamiana JSON na TypeScript to wyprowadzenie odpowiednich typów z przykładowych danych. {"id": 1, "name": "Anna"} staje się interfejsem z id: number i name: string. Narzędzie czyta Twój JSON w Twojej przeglądarce, łączy obiekty tego samego rodzaju i zapisuje typy jako kod źródłowy – bez wysyłania.

Jak to działa

  1. Wklej JSON do pola, na przykład odpowiedź API.
  2. Wybierz wynik: interfejsy, typy (type) albo schemat JSON. Ustaw nazwy, export, readonly i wcięcie według potrzeb.
  3. Skopiuj wynik i wklej go do swojego projektu.

Jak powstają typy

Ograniczenia

Wynik to szkic: sprawdź go z dokumentacją interfejsu, ponieważ przykładowe dane nie pokazują każdego możliwego przypadku.

Prywatność

JSON nie opuszcza Twojej przeglądarki. Dalej: formatowanie JSON, CSV na JSON lub YAML na JSON.

Najczęściej zadawane pytania

Jak zamienić JSON na TypeScript?

Wklej JSON i wybierz „Interfejsy TypeScript”: narzędzie tworzy interfejsy ze wszystkimi polami, typami zagnieżdżonymi i tablicami. Skopiuj je do projektu.

Interface czy type – co lepsze?

Oba opisują ten sam kształt. Interfejsy można rozszerzać i często dają lepsze komunikaty o błędach; type jest elastyczniejszy przy uniach. Narzędzie tworzy jedno lub drugie.

Jak narzędzie rozpoznaje pola opcjonalne?

Pole, którego brakuje w jednym obiekcie, a występuje w innym, dostaje znak zapytania. W tym celu łączone są kolejne obiekty z tablicy.

Czy mogę wygenerować też schemat JSON?

Tak, wybierz „Schemat JSON (2020-12)”. Schemat zawiera typy, zagnieżdżone właściwości i listę pól wymaganych.

Czy mój JSON jest wysyłany?

Nie. Typy powstają w całości w Twojej przeglądarce.

Źródła i podstawa prawna

Stan na: · Zasady redakcyjne

Podobne narzędzia