JSON Formatter & Validator
Định dạng, làm đẹp, nén gọn và kiểm tra cú pháp JSON ngay trên trình duyệt. Báo lỗi rõ ràng kèm vị trí dòng, cột khi có thể.
JSON Formatter & Validator là gì?
JSON (JavaScript Object Notation) là định dạng dữ liệu dạng văn bản được dùng rất rộng rãi để trao đổi thông tin giữa trình duyệt, ứng dụng di động và máy chủ. Tuy nhiên, dữ liệu JSON từ API hoặc tệp cấu hình thường được nén thành một dòng dài, rất khó đọc và khó phát hiện lỗi. JSON Formatter & Validator giúp bạn làm đẹp chuỗi JSON với thụt lề rõ ràng, nén gọn khi cần gửi đi, và kiểm tra nhanh xem cú pháp có hợp lệ hay không.
Cách sử dụng
- Dán chuỗi JSON vào ô "Đầu vào" hoặc bấm "Dữ liệu mẫu" để thử nhanh.
- Chọn kiểu thụt lề: 2 dấu cách, 4 dấu cách hoặc ký tự Tab. Bật "Sắp xếp khóa A-Z" nếu muốn các khóa được xếp theo thứ tự bảng chữ cái.
- Bấm "Định dạng" để làm đẹp, "Nén gọn" để loại bỏ khoảng trắng thừa, hoặc "Kiểm tra" để chỉ xác nhận tính hợp lệ.
- Nếu JSON sai, thông báo lỗi sẽ cho biết nguyên nhân và vị trí dòng, cột khi trình duyệt cung cấp được thông tin này.
- Bấm "Sao chép kết quả" để lấy đoạn JSON đã xử lý.
Những lỗi JSON thường gặp
Lỗi phổ biến nhất là thừa dấu phẩy ở phần tử cuối cùng, dùng dấu nháy đơn thay vì nháy kép, quên đặt tên khóa trong dấu nháy kép, thiếu dấu ngoặc đóng, hoặc chèn chú thích vào dữ liệu. Chuẩn JSON không hỗ trợ chú thích, giá trị undefined hay NaN. Khi gặp lỗi, hãy xem dòng và cột được báo, thường lỗi nằm ngay tại hoặc ngay trước vị trí đó.
Trường hợp nên dùng
- Đọc và gỡ lỗi phản hồi API khi lập trình web, ứng dụng di động.
- Chỉnh sửa tệp cấu hình như package.json, tsconfig.json hay các tệp cài đặt ứng dụng.
- Nén gọn JSON trước khi nhúng vào mã nguồn hoặc gửi qua mạng để giảm dung lượng.
- Sắp xếp khóa để dễ so sánh hai phiên bản dữ liệu bằng công cụ diff.
- Kiểm tra nhanh dữ liệu do người khác gửi trước khi nhập vào hệ thống.
Riêng tư và lưu ý
Mọi thao tác chạy hoàn toàn trên trình duyệt của bạn, nội dung JSON không được gửi lên máy chủ. Lưu ý số nguyên rất lớn (vượt 2^53 - 1) có thể mất độ chính xác khi được đọc bằng JavaScript. Nếu làm việc với dữ liệu mã hóa, bạn có thể dùng thêm công cụ Base64 Encode / Decode, hoặc mã hóa và giải mã URL khi cần xử lý tham số truyền qua đường dẫn. Với giao diện web, công cụ đổi mã màu HEX, RGB, HSL cũng hữu ích.
Câu hỏi thường gặp
JSON Formatter & Validator dùng để làm gì?
Công cụ giúp làm đẹp (thụt lề, xuống dòng) chuỗi JSON để dễ đọc, nén gọn (minify) để giảm dung lượng, và kiểm tra JSON có hợp lệ theo cú pháp chuẩn hay không. Khi có lỗi, công cụ hiển thị thông báo kèm vị trí dòng và cột khi trình duyệt cung cấp được.
Dữ liệu JSON của tôi có bị gửi lên máy chủ không?
Không. Toàn bộ việc phân tích và định dạng được thực hiện bằng JavaScript ngay trong trình duyệt của bạn, không có yêu cầu mạng nào chứa nội dung JSON. Dù vậy, bạn vẫn nên cẩn trọng khi dán dữ liệu chứa khóa API hoặc mật khẩu lên bất kỳ trang web nào.
Vì sao JSON của tôi báo lỗi dù trông vẫn bình thường?
Các lỗi thường gặp gồm: dùng dấu nháy đơn thay cho nháy kép, khóa không đặt trong dấu nháy kép, thừa dấu phẩy ở cuối danh sách, có chú thích // hoặc /* */, hoặc dùng giá trị undefined, NaN. Chuẩn JSON (RFC 8259) không cho phép những điều này.
Sắp xếp khóa (sort keys) hoạt động thế nào?
Khi bật tùy chọn này, mọi khóa của các đối tượng (kể cả lồng nhau) được sắp theo thứ tự bảng chữ cái. Thứ tự phần tử trong mảng được giữ nguyên. Cách này hữu ích để so sánh hai tệp JSON hoặc tạo kết quả ổn định.
Số rất lớn trong JSON có bị thay đổi không?
Có thể. Trình duyệt đọc số theo kiểu số thực 64 bit, nên số nguyên vượt quá 9.007.199.254.740.991 (2^53 - 1) có thể mất độ chính xác sau khi định dạng. Nếu cần giữ nguyên các ID rất dài, hãy lưu chúng dưới dạng chuỗi trong JSON.