Cách Định dạng và Xác thực Dữ liệu JSON Từng Bước Một
Trả lời nhanh
Để định dạng JSON: dán JSON vào JSON Formatter và output beautify với indent đúng xuất hiện ngay. Để validate: công cụ tự động kiểm tra syntax và hiển thị lỗi với vị trí nếu không hợp lệ. Tất cả xử lý xảy ra cục bộ.
Giới thiệu
JSON (JavaScript Object Notation) là định dạng dữ liệu phổ biến nhất cho web API và tệp cấu hình. JSON thô từ API thường được minify thành một dòng, khó đọc. Định dạng (còn gọi beautifying hoặc pretty-printing) thêm indent và ngắt dòng. Validation kiểm tra xem syntax JSON có đúng —một dấu phẩy sai vị trí có thể phá整个 ứng dụng.
Từng bước một
-
Mở công cụ định dạng JSON
Đi tới trang công cụ JSON Formatter. Công cụ này chấp nhận bất kỳ chuỗi JSON nào làm đầu vào - đối tượng, mảng hoặc cấu trúc lồng nhau.
-
Dán dữ liệu JSON của bạn
Dán JSON bạn muốn định dạng hoặc xác thực vào vùng văn bản đầu vào. Đây có thể là phản hồi API, tệp cấu hình hoặc chuỗi JSON từ mã của bạn.
-
Xem lại đầu ra được định dạng
Công cụ này phân tích cú pháp JSON của bạn và sắp xếp lại nó bằng cách thụt lề 2 dấu cách và ngắt dòng. Đầu ra được định dạng sẽ xuất hiện ngay lập tức trong trường kết quả. Nếu JSON không hợp lệ, một thông báo lỗi sẽ xuất hiện cùng với vị trí của vấn đề cú pháp.
-
Kiểm tra trạng thái xác thực
Nếu JSON hợp lệ, công cụ sẽ hiển thị chỉ báo thành công và đầu ra được định dạng. Nếu không hợp lệ, nó sẽ hiển thị lỗi phân tích cú pháp — chẳng hạn như 'Mã thông báo không mong đợi ở vị trí 42' — để bạn có thể khắc phục sự cố cú pháp trong nguồn của mình.
-
Sao chép hoặc thu nhỏ kết quả
Sử dụng nút Sao chép để sao chép JSON đã được định dạng vào khay nhớ tạm của bạn. Một số công cụ cũng cung cấp nút Giảm thiểu để xóa tất cả khoảng trắng — hữu ích để giảm kích thước tải trọng trong sản xuất.
Ví dụ
Định dạng được rút gọn JSON
đầu vào: {"name":"Alice","age":30,"roles":["admin","user"]}
đầu ra: {
"name": "Alice",
"age": 30,
"roles": ["admin", "user"]
}
Phát hiện JSON không hợp lệ (dấu phẩy cuối)
đầu vào: {"a":1,"b":2,}
đầu ra: Error: Unexpected token } at position 11
Phát hiện JSON không hợp lệ (dấu nháy đơn)
đầu vào: {'name':'Alice'}
đầu ra: Lỗi: Mã thông báo không mong muốn ' ở vị trí 1
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 tất cả các chuỗi và khóa.
- Dấu phẩy ở sau mục cuối cùng —JSON không cho phép dấu phẩy trước } hoặc ].
- Nhận xét trong JSON —tiêu chuẩn 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.
- Các khóa không được trích dẫn —không giống như các ký tự đối tượng JavaScript, JSON yêu cầu tất cả các khóa phải nằm trong dấu ngoặc kép.
- Các giá trị không xác định, NaN hoặc Vô cực —JSON chỉ hỗ trợ null, không hỗ trợ không xác định hoặc NaN.
Mẹo
- Luôn xác thực JSON trước khi gửi nó trong yêu cầu API — lỗi cú pháp có thể gây ra phản hồi 400 Yêu cầu Không hợp lệ.
- Sử dụng JSON được rút gọn trong quá trình sản xuất để tiết kiệm băng thông và được định dạng JSON trong quá trình phát triển để dễ đọc.
- JSON không hỗ trợ các đối tượng Ngày —sê-ri hóa ngày dưới dạng chuỗi ISO 8601 (ví dụ: "2026-09-02T00:00:00Z").
- 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 chuỗi JSON.