Как указать конкретный тип для json в typescript?

Пользователь

от nicolette.stoltenberg , в категории: JavaScript , 8 месяцев назад

Как указать конкретный тип для json в typescript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от maya , 8 месяцев назад

@nicolette.stoltenberg 

В TypeScript вы можете указать тип для JSON данных с помощью интерфейсов. Например, если у вас есть JSON-объект со следующими свойствами:

1
2
3
4
5
6
7
8
9
{
  "name": "John Doe",
  "age": 30,
  "address": {
    "street": "123 Main St",
    "city": "San Francisco",
    "state": "CA"
  }
}


Вы можете создать следующий интерфейс для указания типа:

1
2
3
4
5
6
7
8
9
interface Person {
  name: string;
  age: number;
  address: {
    street: string;
    city: string;
    state: string;
  };
}


Затем вы можете присвоить тип Person к переменной, содержащей JSON-данные:

1
2
3
4
5
6
7
8
9
const person: Person = {
  "name": "John Doe",
  "age": 30,
  "address": {
    "street": "123 Main St",
    "city": "San Francisco",
    "state": "CA"
  }
};


Теперь вы можете использовать автодополнение и проверку типов во время компиляции для этой переменной.