Trình định dạng JSON
Dán một chuỗi JSON để kiểm tra tính hợp lệ, xem bản định dạng đẹp và nhận các chỉ số cấu trúc cơ bản.
Cách sử dụng công cụ định dạng JSON này
- Dán JSON vào trường nhập liệu JSON
Dán hoặc nhập chuỗi JSON của bạn vào trường nhập liệu JSON.
- Kiểm tra tính hợp lệ
Kết quả Trạng thái cho biết dữ liệu nhập vào là JSON hợp lệ hay hiển thị lỗi phân tích cú pháp.
- Đọc kết quả đã định dạng
JSON hợp lệ được trình bày đẹp mắt với khoảng lùi 2 dấu cách trong phần Kết quả định dạng.
- Xem xét các chỉ số cấu trúc
Sử dụng Tổng số khóa và Độ sâu lồng nhau tối đa để hiểu cấu trúc tài liệu.
Cách trình định dạng JSON này hoạt động
Công cụ này sử dụng JSON.parse gốc của trình duyệt để xác thực đầu vào và JSON.stringify với thụt lề để tạo đầu ra đẹp mắt. Nó cũng duyệt qua cấu trúc đã phân tích để đếm tổng số khóa và đo độ sâu lồng nhau tối đa.
JSON.parse(input) → JSON.stringify(parsed, null, 2) Đầu vào: {"name":"test","value":42} → được định dạng với thụt lề 2 khoảng trắng, 2 khóa, độ sâu 1.
Đầu vào {"a":1,"b":[2,3],"c":{"d":4}} → 4 khóa, độ sâu 2. Đối tượng lồng nhau c thêm một cấp độ sâu.
Đầu vào không hợp lệ {"key": undefined} không vượt qua kiểm tra — JSON không có giá trị undefined; hãy sử dụng null hoặc bỏ qua khóa đó.
- ✓ Đầu vào phải là JSON hợp lệ (không phải đối tượng JavaScript hoặc dấu phẩy thừa).
- ✓ Dữ liệu đầu vào lớn có thể ảnh hưởng đến hiệu suất trình duyệt.
- Công cụ này chạy hoàn toàn trong trình duyệt của bạn. Không có dữ liệu nào được gửi đến máy chủ.
Tìm hiểu về xác thực JSON
JSON (JavaScript Object Notation) là một tập con nghiêm ngặt của cú pháp hằng văn JavaScript. JSON hợp lệ yêu cầu các khóa và giá trị chuỗi phải nằm trong dấu ngoặc kép, không có dấu phẩy thừa ở cuối, không có chú thích và không dùng dấu ngoặc đơn. Trình phân tích cú pháp đọc chuỗi theo từng ký tự và xây dựng cây phân tích; bất kỳ lỗi cú pháp nào — thiếu dấu phẩy, dấu ngoặc kép chưa được thoát hoặc số không hợp lệ — đều khiến việc xác thực thất bại với thông báo lỗi và vị trí cụ thể. Việc nắm rõ các lỗi thường gặp sẽ giúp ích: dấu phẩy thừa sau phần tử mảng hoặc thuộc tính đối tượng cuối cùng là không hợp lệ, cũng như các chú thích kiểu JavaScript (// hoặc /* */). Các giá trị số không được có số 0 đứng đầu ngoại trừ chính số 0, và các chuỗi phải sử dụng các chuỗi thoát hợp lệ.
Các trường hợp sử dụng thực tế của việc định dạng JSON dành cho nhà phát triển
Các nhà phát triển sử dụng trình định dạng JSON khi gỡ lỗi phản hồi API, kiểm tra các tệp cấu hình và chuẩn bị dữ liệu cho tài liệu. JSON được nén từ các API thực tế rất khó đọc; việc định dạng đẹp (pretty-printing) giúp hiển thị cấu trúc và dễ dàng phát hiện các trường bị lỗi hoặc không mong muốn. Các chỉ số cấu trúc như số lượng khóa và độ sâu lồng nhau giúp đánh giá độ phức tạp và xác định các gói dữ liệu lồng nhau quá mức có thể gây ra vấn đề hiệu suất. Khi viết các bài kiểm tra hoặc dữ liệu mẫu (fixtures), JSON đã định dạng sẽ dễ dàng so sánh (diff) và xem xét trong hệ thống quản lý phiên bản. Trình xác thực nhanh chóng phát hiện các lỗi cú pháp trước khi gửi yêu cầu hoặc lưu tệp cấu hình, giúp tiết kiệm thời gian trong quá trình gỡ lỗi.
Câu hỏi thường gặp
Công cụ này có hỗ trợ JSON5 hoặc JSONC không?
Không. Chỉ hỗ trợ JSON tiêu chuẩn (RFC 8259). Các chú thích và dấu phẩy thừa sẽ gây ra lỗi xác thực.
Có giới hạn kích thước không?
Không có giới hạn cố định, nhưng các chuỗi JSON rất lớn có thể làm chậm trình duyệt.