Hiểu JSON: Hướng dẫn Người mới Bắt đầu về Định dạng và Xác thực
Trả lời nhanh
JSON là định dạng dữ liệu text-based dùng cặp key-value và array. Nó hỗ trợ string, number, boolean, null, object và array. Dùng JSON Formatter miễn phí để beautify, validate và minify JSON —tất cả xử lý trong trình duyệt.
Giới thiệu
JSON (JavaScript Object Notation) là định dạng trao đổi dữ liệu nhẹ, dễ đọc và viết cho con người, dễ parse và generate cho máy. Nó là định dạng dữ liệu phổ biến nhất cho giao tiếp giữa web server và trình duyệt, và đã thay thế XML phần lớn trong web API hiện đại.
Từng bước một
-
Hiểu cú pháp JSON
JSON sử dụng dấu ngoặc nhọn {} cho đối tượng, dấu ngoặc vuông [] cho mảng và cặp khóa-giá trị được phân tách bằng dấu hai chấm. Khóa phải là chuỗi trong dấu ngoặc kép. Giá trị có thể là chuỗi, số, boolean, null, đối tượng hoặc mảng.
-
Định dạng JSON của bạn
Dán dữ liệu JSON của bạn vào công cụ JSON Formatter. Nó sẽ tự động làm đẹp JSON bằng cách thụt lề và ngắt dòng thích hợp, giúp dễ đọc.
-
Xác thực cấu trúc
Trình định dạng sẽ kiểm tra JSON của bạn để tìm lỗi cú pháp. Nếu hợp lệ, nó sẽ hiển thị đầu ra được định dạng. Nếu không hợp lệ, nó sẽ hiển thị thông báo lỗi cho biết sự cố.
-
Sao chép hoặc sử dụng kết quả
Sao chép JSON đã được định dạng vào khay nhớ tạm để sử dụng trong mã, tài liệu hoặc gỡ lỗi của bạn.
Ví dụ
Đối tượng đơn giản
đầu vào: {"name":"Alice","age":30}
đầu ra: {
"name": "Alice",
"age": 30
}
Mảng đối tượng
đầu vào: [{"id":1},{"id":2}]
đầu ra: [
{ "id": 1 },
{ "id": 2 }
]
Cấu trúc lồng nhau
đầu vào: {"user":{"name":"Bob","tags":["admin","user"]}}
đầu ra: {
"user": {
"name": "Bob",
"tags": ["admin", "user"]
}
}
Các vấn đề thường gặp
- Sử dụng dấu ngoặc đơn cho chuỗi —JSON yêu cầu dấu ngoặc kép cho chuỗi và khóa.
- Dấu phẩy ở cuối —JSON không cho phép có dấu phẩy sau mục cuối cùng trong một đối tượng hoặc mảng.
- Nhận xét —JSON không hỗ trợ nhận xét (// hoặc /* */). Sử dụng JSONC hoặc JSON5 nếu bạn cần bình luận.
- Khóa không được trích dẫn —tất cả các khóa phải nằm trong dấu ngoặc kép, không giống như các đối tượng JavaScript bằng chữ.
Mẹo
- Sử dụng trình định dạng JSON để phát hiện lỗi cú pháp trước khi gửi dữ liệu tới API.
- Rút gọn JSON tiết kiệm băng thông —sử dụng tính năng thu gọn trong quá trình sản xuất, định dạng trong quá trình phát triển.
- JSON không hỗ trợ các hàm không xác định, hàm hoặc ngày tháng dưới dạng giá trị —sử dụng chuỗi null hoặc chuỗi ISO 8601.
- Sử dụng JSON.parse() trong JavaScript để chuyển đổi chuỗi JSON thành đối tượng và JSON.stringify() để chuyển đổi đối tượng thành JSON.