Trình định dạng & Kiểm tra JSON

JSON là gì?

JSON (JavaScript Object Notation) là một định dạng trao đổi dữ liệu nhẹ, độc lập với ngôn ngữ. Nó dễ đọc và viết cho con người, và dễ phân tích và tạo cho máy móc.

Bạn có biết? JSON là định dạng dữ liệu phổ biến nhất thế giới, thay thế hiệu quả XML trong hầu hết các Web API hiện đại.

Quy tắc cú pháp JSON

Cú pháp hợp lệ

•Dữ liệu ở dạng cặp tên/giá trị.
•Khóa PHẢI được đặt trong dấu ngoặc kép.
•Chuỗi phải sử dụng dấu ngoặc kép.
•Dữ liệu được phân tách bằng dấu phẩy.

Các lỗi thường gặp

×Dấu phẩy thừa sau phần tử cuối cùng.
×Sử dụng dấu nháy đơn thay vì dấu ngoặc kép.
×Thiếu dấu ngoặc đóng.
×Thêm bình luận (comment).

Các trường hợp sử dụng phổ biến

Web APIs (REST/GraphQL)

Định dạng chuẩn để trao đổi dữ liệu API.

Tệp cấu hình

Lưu trữ cài đặt (package.json, v.v.).

Cơ sở dữ liệu NoSQL

Lưu trữ dữ liệu trong MongoDB, CouchDB.

Cách dùng công cụ JSON Editor

1
Dán JSON vào khung Raw Input, ví dụ phản hồi API sao chép từ tab Network của trình duyệt, một file cấu hình hay một dòng log.
2
Bấm Beautify để thụt lề cho dễ đọc, hoặc Minify để bỏ hết khoảng trắng. Nếu văn bản không phải JSON hợp lệ, công cụ báo lỗi để bạn tìm dấu phẩy hay dấu nháy bị sai.
3
Dùng Tree View để duyệt các object và mảng lồng nhau. Bạn có thể mở rộng, thu gọn và sửa giá trị trực tiếp, nhanh hơn nhiều so với cuộn qua hàng nghìn dòng.
4
Bấm Copy Results để đưa kết quả trở lại code, công cụ gọi API hoặc file cấu hình.

Ví dụ thực tế

Đọc phản hồi API

Một phản hồi 20 KB nằm trên một dòng thì gần như không thể đọc. Beautify biến nó thành cấu trúc thụt lề để bạn tìm trường cần xem trong vài giây.

Sửa file cấu hình

package.json, tsconfig.json hay file settings của VS Code không tải được chỉ vì một dấu phẩy thừa. Trình kiểm tra chỉ ra lỗi trước khi bản build thất bại.

Thu gọn dữ liệu

Minify file JSON mẫu hoặc body request trước khi dán vào lệnh curl, biến môi trường hay bài test, nơi xuống dòng dễ gây lỗi.

Sửa dữ liệu lồng sâu

Đổi một giá trị nằm sâu trong cấu hình feature flag hay dữ liệu mock ngay trên cây thay vì đếm ngoặc bằng tay.

Câu hỏi thường gặp

Vì sao JSON của tôi không hợp lệ?+

Nguyên nhân thường gặp nhất là dấu phẩy thừa ở cuối, dùng nháy đơn thay vì nháy kép, có chú thích, hoặc khóa không đặt trong nháy. Những thứ này hợp lệ trong object JavaScript nhưng không hợp lệ trong JSON chuẩn (RFC 8259).

Beautify và minify khác nhau thế nào?+

Cả hai giữ nguyên dữ liệu. Beautify thêm thụt lề và xuống dòng cho người đọc, minify bỏ chúng đi để file nhỏ nhất khi truyền hoặc lưu trữ.

Có giới hạn dung lượng không?+

Không có giới hạn cố định vì mọi thứ chạy trong trình duyệt. File vài MB vẫn dùng tốt, còn tài liệu rất lớn thì phụ thuộc bộ nhớ máy bạn.

JSON của tôi có bị tải lên đâu không?+

Không. Việc phân tích, định dạng và chỉnh sửa diễn ra ngay trong trình duyệt, nên API key hay dữ liệu khách hàng trong JSON không bao giờ rời máy bạn.