JSON Formatter: định dạng, kiểm tra, rút gọn JSON
Định dạng, kiểm tra, rút gọn và xem cây JSON. Chạy trong trình duyệt, dữ liệu không gửi lên máy chủ.
Input
Output
{
"don_hang": "DH-0001",
"ngay": "2026-09-26",
"khach": {
"ten": "Công ty A",
"ma_so_thue": "0100000000"
},
"mat_hang": [
{
"ma": "SP01",
"so_luong": 2
},
{
"ma": "SP02",
"so_luong": 1
}
],
"da_thanh_toan": false
}
Ba cách nhìn một khối JSON
Ba cách nhìn một khối dữ liệu
Chuỗi bạn dán vào được phân tích bằng bộ phân tích JSON có sẵn của trình duyệt, rồi trình bày theo ba cách: định dạng lại với thụt lề hai khoảng trắng cho dễ đọc, nén bỏ mọi khoảng trắng thừa, và dạng cây gập mở được từng nhánh với màu phân biệt chuỗi, số, giá trị luận lý và giá trị rỗng. Dung lượng đầu vào, dung lượng đầu ra và mức chênh lệch đều được tính theo byte.
Lúc nào tiện nhất
Khi soi phần trả về của một dịch vụ mạng đang gỡ lỗi mà nó dồn thành một dòng dài. Khi kiểm một tệp cấu hình có hợp lệ hay không trước lúc đưa lên máy chủ. Khi muốn biết nén bỏ khoảng trắng tiết kiệm được bao nhiêu byte cho phần dữ liệu gửi đi. Khi đọc nhật ký hệ thống ghi mỗi bản ghi là một dòng JSON.
Đọc lỗi cú pháp
Khi chuỗi không hợp lệ, thông báo lỗi của trình duyệt kèm vị trí ký tự gặp vấn đề, đó là chỗ nên nhìn đầu tiên. Dạng cây hữu ích khi bạn cần biết đường dẫn chính xác tới một trường nằm sâu nhiều lớp, ví dụ để viết biểu thức lấy dữ liệu trong bước xử lý tiếp theo.
Khác biệt giữa JSON và JavaScript
JSON chuẩn không cho phép dấu phẩy thừa ở cuối mảng hay cuối đối tượng, không cho phép chú thích, và bắt buộc dùng nháy kép cho tên khoá. Ba thứ này đều hợp lệ khi viết trong mã JavaScript nên rất hay bị mang nhầm sang. Số nguyên lớn hơn khoảng chín triệu tỉ mất chính xác khi phân tích, nên các mã định danh dài phải để dưới dạng chuỗi. Thứ tự khoá được giữ nguyên khi hiển thị nhưng đặc tả không bảo đảm điều đó, đừng viết mã phụ thuộc vào thứ tự.
Khối JSON không rời trình duyệt. Việc phân tích, định dạng và dựng cây đều chạy bằng JavaScript trong trình duyệt, nên bạn có thể dán cả khối trả về chứa dữ liệu khách hàng mà không lo nó được gửi đi.
Câu hỏi thường gặp
Công cụ JSON Toolkit có gửi dữ liệu lên server không?
Không. Việc phân tích, định dạng và dựng cây chạy bằng bộ phân tích JSON có sẵn của trình duyệt, dữ liệu bạn dán vào không rời khỏi máy.
Vì sao JSON báo lỗi dù trông có vẻ đúng?
JSON chuẩn không cho dấu phẩy thừa ở cuối mảng hay đối tượng, không cho chú thích, và bắt buộc dùng nháy kép cho tên khoá - ba lỗi này rất hay gặp khi copy từ mã JavaScript.
Minify JSON để làm gì?
Minify bỏ hết khoảng trắng thừa để giảm dung lượng khi gửi qua API hoặc lưu trữ, không đổi cấu trúc hay giá trị dữ liệu.
Dạng cây (tree view) khác gì so với pretty format?
Tree view cho gập mở từng nhánh và tô màu theo kiểu dữ liệu, tiện khi cần tìm đường dẫn chính xác tới một trường nằm sâu nhiều lớp.
