Trình Định Dạng JSON là gì?
JSON (JavaScript Object Notation) là một định dạng trao đổi dữ liệu nhẹ dựa trên văn bản sử dụng các cặp khóa-giá trị có thể đọc được bởi con người và mảng được sắp xếp. Bất chấp tên gọi, JSON độc lập ngôn ngữ và được hỗ trợ bởi hầu hết mọi ngôn ngữ lập trình hiện đại. Công cụ định dạng JSON lấy JSON thô, đã thu nhỏ hoặc sai định dạng và chuyển đổi nó thành định dạng có cấu trúc tốt, dễ đọc với indentation và ngắt dòng phù hợp. In đẹp thêm khoảng cách nhất quán — thường là 2 hoặc 4 khoảng trắng cho mỗi cấp độ lồng nhau — làm cho các đối tượng và mảng lồng sâu dễ quét. Thu nhỏ làm ngược lại: loại bỏ mọi ký tự khoảng trắng không cần thiết để tạo ra payload nhỏ nhất có thể.
Khi Nào Nên Sử Dụng Máy Tính Này
- Khi debug phản hồi API trả về một dòng JSON dài không thể đọc được
- Khi chuẩn bị JSON cho tài liệu hoặc README nơi tính dễ đọc quan trọng
- Khi so sánh hai cấu trúc JSON cạnh nhau sau khi định dạng cả hai với cùng mức thụt lùi
- Khi đọc tệp cấu hình đã nén (như package.json hoặc tsconfig.json)
- Khi chia sẻ dữ liệu JSON với đồng nghiệp ở định dạng dễ đọc qua trò chuyện hoặc email
- Khi kiểm tra payload webhook hoặc phản hồi mạng của trình duyệt để xác minh cấu trúc dữ liệu
Các bước:
- Dán JSON của bạn vào ô nhập liệu.
- Click the Format button.
- Xem output JSON được định dạng đẹp mắt.
- Sao chép JSON đã định dạng vào clipboard.
Công Thức
Đầu vào: JSON đã nén → Đầu ra: JSON thụt lề với khoảng trắng có thể cấu hình (mặc định 2 khoảng trắng mỗi cấp)
Trường Hợp Sử Dụng
- Debugging API responses
- Reading configuration files
- Sharing structured data
- Chuẩn bị JSON cho tài liệu
Lợi Ích Chính
- Định dạng JSON đã thu nhỏ ngay lập tức thành đầu ra có thể đọc được với indentation
- Phát hiện và định vị lỗi cú pháp với báo cáo dòng và cột chính xác
- Thu nhỏ JSON đã định dạng trở lại dạng compact cho triển khai production
- Sắp xếp khóa đối tượng theo thứ tự alphabet để đầu ra nhất quán
- Chuyển đổi số dòng để điều hướng dễ dàng trong các cấu trúc JSON lớn
- Sao chép đầu ra đã định dạng vào clipboard bằng một cú nhấp — không có dữ liệu nào rời khỏi trình duyệt
Mẹo Chuyên Nghiệp
- Sử dụng indentation 2 khoảng trắng làm mặc định — cân bằng giữa khả năng đọc và sự compact.
- Bật sắp xếp khóa trước khi so sánh hai cấu trúc JSON.
- Luôn kiểm tra JSON trong công cụ này trước khi dán vào tệp cấu hình production.
- Sử dụng tùy chọn thu nhỏ khi chuẩn bị JSON cho HTTP header hoặc URL parameter.
- Khi debug JSON lồng sâu, sử dụng chuyển đổi số dòng để tham chiếu nhanh các dòng cụ thể.
Những Lỗi Thường Gặp Cần Tránh
- Đặt dấu phẩy cuối sau thuộc tính cuối cùng trong đối tượng hoặc phần tử cuối cùng trong mảng — JSON không cho phép.
- Sử dụng dấu ngoặc đơn cho khóa hoặc giá trị chuỗi — JSON bắt buộc dấu ngoặc kép cho tất cả trường văn bản.
- Thêm bình luận (// hoặc /* */) vào JSON — JSON tiêu chuẩn không có cú pháp bình luận.
- Quên dấu phẩy giữa các cặp khóa-giá trị hoặc phần tử mảng — dấu phẩy bị thiếu là nguyên nhân phổ biến nhất của lỗi parse.
Các Thuật Ngữ Chính Được Giải Thích
- JSON (JavaScript Object Notation): Định dạng trao đổi dữ liệu nhẹ dựa trên văn bản sử dụng cặp khóa-giá trị và mảng được sắp xếp.
- In đẹp: Quá trình định dạng JSON với indentation nhất quán và ngắt dòng để dễ đọc.
- Thu nhỏ: Quá trình loại bỏ tất cả khoảng trắng không cần thiết từ JSON để tạo ra chuỗi nhỏ nhất.
- Parse: Thao tác chuyển đổi chuỗi JSON thô thành đối tượng có thể lập trình hoặc cấu trúc trong bộ nhớ.
- Dấu phẩy cuối: Dấu phẩy được đặt sau phần tử cuối cùng trong đối tượng hoặc mảng — lỗi cú pháp phổ biến trong JSON nghiêm ngặt.
Khái niệm liên quan
- Kiểm tra JSON:
- Mã hóa/Giải mã Base64:
- Mã hóa/Giải mã URL:
- Tạo mã băm:
- Kiểm tra Regex:
Ví Dụ
Đầu vào: {"name":"John","age":30,"address":{"city":"NYC","zip":"10001"}} sẽ được định dạng với ngắt dòng và thụt lề 2 khoảng trắng, giúp cấu trúc lồng nhau hiển thị rõ ràng.
Giải thích kết quả của bạn
Trình định dạng lấy JSON thô của bạn và áp dụng thụt lề nhất quán (mặc định 2 khoảng trắng mỗi cấp lồng) với ngắt dòng sau mỗi khóa, giá trị hoặc ngoặc đóng. Đầu ra giữ nguyên dữ liệu chính xác — không có giá trị nào bị thay đổi, chỉ thêm khoảng trắng để dễ đọc.
Chức năng nén nhỏ làm ngược lại: loại bỏ tất cả khoảng trắng không cần thiết để tạo chuỗi nhỏ nhất có thể. Điều này hữu ích để giảm kích thước payload trong các API sản phẩm, nơi mỗi byte đều quan trọng. JSON đã nén và JSON đã định dạng về mặt chức năng hoàn toàn giống nhau — chỉ khác nhau ở khoảng trắng.
Tùy chọn sắp xếp khóa sắp xếp lại các thuộc tính đối tượng theo thứ tự bảng chữ cái, hữu ích khi so sánh hai cấu trúc JSON hoặc cho các file cấu hình, nơi thứ tự khóa nhất quán giúp việc diff dễ dàng hơn. Lưu ý rằng thứ tự khóa trong JSON không mang ý nghĩa ngữ nghĩa — JSON đã sắp xếp và chưa sắp xếp đều tương đương nhau.