Przejdź do treści
ToolMug

Konwerter JSON na TypeScript

Zamień przykładowy JSON, odpowiedź API lub plik konfiguracji na interfejsy TypeScript do wklejenia w kod. Zagnieżdżone obiekty otrzymują nazwane typy.

Działa w przeglądarce — nic, co wpiszesz, nie jest wysyłane

Jak używać

  1. Wklej przykładowy JSON albo kliknij Wczytaj przykład.
  2. Ustaw nazwę głównego typu.
  3. Wybierz interfejsy albo aliasy type.
  4. Skopiuj lub pobierz wygenerowane typy.

Opis opcji

Nazwa typu głównego
Nazwa najwyższego typu, na przykład User lub ApiResponse. Typy zagnieżdżone są nazywane od kluczy.
Użyj type zamiast interface
Generuje aliasy typu type User = { … } zamiast interfejsów. Obie formy działają tak samo dla zwykłych danych.

Przykład

{"id": 1, "tags": ["a"], "owner": {"name": "Ada"}} daje:

export interface Owner {
  name: string;
}

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

Najczęściej zadawane pytania

Jak obsługiwane są tablice obiektów?

Wszystkie elementy są łączone w jeden typ. Klucz obecny tylko w części elementów staje się opcjonalny, a wartość czasem null otrzymuje unię, na przykład string | null.

Dlaczego pole ma typ unknown?

Przykład zawierał dla niego tylko null, więc nie można wywnioskować właściwego typu. Zastąp unknown ręcznie albo wklej próbkę z wartością.

Czy liczby całkowite i dziesiętne są różnymi typami?

Nie w TypeScript, obie stają się number. Wyniki Go, Rust i Python rozróżniają je.

Czy JSON jest wysyłany?

Nie. Typy są generowane w przeglądarce.

Prywatność

To narzędzie działa w całości w przeglądarce. Twoje pliki i tekst są przetwarzane na Twoim urządzeniu i nigdy nie trafiają na nasze serwery.

Podobne narzędzia