TypeScript:
Làm việc với JSON

Cách thực hiện:

Phân tích cú pháp JSON:

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

Chuỗi hóa các đối tượng JavaScript:

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

Khai báo Kiểu:

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

Tìm hiểu Sâu hơn

JSON được bắt nguồn từ JavaScript nhưng hiện nay nó không phụ thuộc vào ngôn ngữ lập trình nào; nó đã trở thành lựa chọn hàng đầu cho trao đổi dữ liệu, thay thế XML bởi sự đơn giản của nó. Mặc dù JSON không tự nhiên áp dụng các kiểu dữ liệu (điều mà TypeScript rất chú trọng), TypeScript cho phép bạn định nghĩa các kiểu để đảm bảo cấu trúc JSON của bạn là như bạn mong đợi. Và trong khi JSON là vua cho APIs, đối với các tệp cấu hình, một số người thích dùng YAML, được coi là dễ đọc hơn cho con người. Bên dưới, khi JSON.parse() hoặc JSON.stringify() được gọi trong TypeScript, thực ra nó đang gọi các hàm JSON của bộ máy JavaScript; vai trò chính của TypeScript là tăng cường các thao tác này với tính an toàn về kiểu.

Xem thêm

• JSON.org: Tài liệu chính thức về JSON.
• MDN - Làm việc với JSON: MDN cung cấp nền tảng chung và các trường hợp sử dụng.