Cách định dạng JSON cho dễ đọc

Đọc cấu trúc trước khi thay đổi

Đối tượng chứa thuộc tính trong dấu ngoặc nhọn; mảng chứa các giá trị có thứ tự trong dấu ngoặc vuông. Thụt lề giúp nhận ra ranh giới giữa chúng, nhưng không đổi chuỗi thành số hoặc xác nhận trường bắt buộc đã tồn tại.

Trong trình soạn thảo, chọn ngôn ngữ JSON rồi chạy lệnh định dạng. Với JavaScript, JSON.stringify(JSON.parse(source), null, 2) xuất lại dữ liệu với hai dấu cách. Nếu phân tích thất bại, cần sửa đầu vào trước.

const source = '{"items":[{"name":"demo","active":true}]}';
JSON.stringify(JSON.parse(source), null, 2);

// Result:
{
  "items": [
    {
      "name": "demo",
      "active": true
    }
  ]
}

Định dạng và kiểm tra trong bốn bước

1. Sao chép riêng giá trị JSON, bỏ HTTP header, khối đánh dấu code và lệnh gán biến. Giữ một bản gốc.

2. Kiểm tra cú pháp. Khi có lỗi, xem dấu ngoặc kép, dấu phẩy và dấu ngoặc đóng ở vị trí báo lỗi cùng phần đứng trước.

3. Chọn hai dấu cách, bốn dấu cách hoặc tab theo quy ước dự án. Kiểm tra các đối tượng lồng nhau và ranh giới mảng.

4. Đối chiếu giá trị và kiểu dữ liệu trước khi lưu. Chỉ thu gọn sau đó nếu nơi nhận cần văn bản ngắn gọn.

Những vấn đề thụt lề không giải quyết được

JavaScript có thể làm tròn số nguyên vượt phạm vi an toàn. Giữ mã định danh lớn dưới dạng chuỗi từ nguồn. Khóa trùng cũng có thể khiến giá trị trước bị ghi đè khi phân tích; định dạng không khôi phục được dữ liệu đã mất.

Không dùng công cụ xóa khoảng trắng thông thường cho JSON vì có thể thay đổi khoảng trắng trong chuỗi. JSON dễ đọc vẫn có thể sai schema, thiếu trường hoặc chứa kiểu dữ liệu không phù hợp.

Thực hành trên Flekify

Mở công cụ định dạng JSON, chọn cách thụt lề và đối chiếu kết quả với nguồn. Chuyển sang chế độ cây để xem từng nhánh. Dữ liệu được xử lý trong trình duyệt; dùng công cụ kiểm tra JSON khi đầu vào còn lỗi cú pháp.

Định dạng và xem cấu trúc JSON