Cách định dạng và xác thực JSON trực tuyến

Nếu bạn làm việc với API, tệp cấu hình hoặc bất kỳ loại dữ liệu có cấu trúc nào, bạn gặp JSON thường xuyên. Và nếu bạn đã từng nhìn chằm chằm vào một bức tường JSON đã nén để tìm dấu ngoặc nhọn bị thiếu, bạn biết tại sao việc định dạng quan trọng.

Trình định dạng JSON làm gì

Một JSON thô từ phản hồi API hoặc một tệp đã nén trông giống như sau:

{"users":[{"name":"Alice","age":30,"roles":["admin","editor"]},{"name":"Bob","age":25,"roles":["viewer"]}]}

Một trình định dạng biến nó thành một thứ dễ đọc:

{
  "users": [
    {
      "name": "Alice",
      "age": 30,
      "roles": ["admin", "editor"]
    },
    {
      "name": "Bob",
      "age": 25,
      "roles": ["viewer"]
    }
  ]
}

Cùng dữ liệu, nhưng cuối cùng bạn có thể đọc nó, phát hiện lỗi và hiểu cấu trúc.

Cách định dạng JSON trực tuyến

1. Dán JSON của bạn vào trường nhập. Trình định dạng phát hiện ngay các lỗi cú pháp và xác thực cấu trúc.
2. Chọn thụt lề — chọn 2 hoặc 4 khoảng trắng, hoặc nhấp Nén để nén JSON thành một dòng duy nhất.
3. Sao chép kết quả — đầu ra đã định dạng bao gồm tô màu cú pháp. Sao chép nó cho mã, tệp cấu hình hoặc tài liệu của bạn.

Các lỗi JSON phổ biến và cách phát hiện chúng

Hầu hết các lỗi JSON tóm gọn lại thành một vài bẫy phổ biến:

• Dấu phẩy thiếu hoặc dư — một dấu phẩy sau phần tử cuối cùng của một mảng hoặc đối tượng là không hợp lệ trong JSON (khác với JavaScript)
• Khóa không có dấu nháy — JSON yêu cầu dấu nháy kép xung quanh tất cả các khóa: "name", không phải name
• Dấu nháy đơn — JSON chỉ chấp nhận dấu nháy kép: "value", không phải 'value'
• Dấu phẩy thừa — {"a": 1,} là không hợp lệ; loại bỏ dấu phẩy sau mục cuối cùng

Một trình định dạng tốt làm nổi bật chính xác nơi lỗi nằm, để bạn có thể sửa nó mà không cần đoán.

Khi nào nên định dạng, khi nào nên nén

Định dạng (làm cho dễ đọc) khi cần:

• Đọc và hiểu dữ liệu
• Gỡ lỗi các phản hồi API
• Chỉnh sửa các tệp cấu hình
• Chia sẻ JSON với đồng nghiệp

Nén khi cần:

• Gửi dữ liệu qua mạng (tải trọng nhẹ hơn = truyền nhanh hơn)
• Lưu trữ JSON trong cơ sở dữ liệu hoặc nhật ký nơi khả năng đọc không quan trọng
• Tích hợp JSON vào tham số URL hoặc trường biểu mẫu

Mẹo để làm việc với JSON

• Xác thực trước khi gửi — nếu bạn xây dựng một yêu cầu API bằng tay, hãy dán JSON của bạn vào trình xác thực trước. Một dấu phẩy sai chỗ duy nhất có thể gây ra các lỗi khó hiểu phía máy chủ.
• Sử dụng thụt lề 2 khoảng trắng cho dữ liệu lồng sâu. Điều này giữ các dòng ngắn hơn và cấu trúc dễ duyệt hơn.
• Đánh dấu công cụ làm yêu thích — nếu bạn làm việc với JSON thường xuyên, có một trình định dạng chỉ một cú nhấp tiết kiệm thời gian so với việc tìm kiếm một trình mới mỗi lần.