TypeScript:
Работа с JSON

Как это сделать:

Разбор JSON:

const jsonString = '{"name":"John", "age":30, "city":"New York"}';
let user = JSON.parse(jsonString);
console.log(user.name); // John

Преобразование объектов JavaScript в строки JSON:

const userObject = { name: 'Jane', age: 25, city: 'Los Angeles' };
let jsonOutput = JSON.stringify(userObject);
console.log(jsonOutput); // {"name":"Jane","age":25,"city":"Los Angeles"}

Объявления типов:

type User = {
  name: string;
  age: number;
  city: string;
};

const userJson = '{"name":"Jack", "age":28, "city":"Chicago"}';
let user: User = JSON.parse(userJson);
console.log(user.city); // Chicago

Углубленный анализ

JSON возник на основе JavaScript, но теперь не зависит от языка; он стал основным способом обмена данными, заменив XML благодаря своей простоте. Хотя JSON изначально не накладывает ограничений на типы (что является основной задачей TypeScript), TypeScript позволяет вам определить типы для гарантии соответствия структуры JSON вашим ожиданиям. И хотя JSON является королем для API, для файлов конфигурации некоторые предпочитают YAML, который более удобочитаем. Под капотом, когда в TypeScript вызываются JSON.parse() или JSON.stringify(), на самом деле вызываются функции JSON движка JavaScript; основная роль TypeScript здесь - обеспечить безопасность типов.

Смотрите также

• JSON.org: Официальная документация JSON.
• MDN - Работа с JSON: Добрый старый MDN предоставляет общий обзор и примеры использования.