JSON lộn xộn, đã được thu nhỏ khó đọc chỉ với một cái nhìn thoáng qua. Dán vào và nhận ngay kết quả sạch sẽ, được thụt lề đúng cách — dễ dàng quét qua hơn, dễ dàng gỡ lỗi hơn, và sẵn sàng sao chép chỉ với một cú nhấp chuột.
Đang tải máy tính...
Công cụ này có hữu ích với bạn không?
Trình định dạng JSON là gì?
Trình định dạng JSON lấy JSON thô, đã được thu nhỏ và biến nó thành một định dạng có cấu trúc tốt, dễ đọc đối với con người với thụt lề phù hợp. Cần thiết cho các nhà phát triển gỡ lỗi API, chỉnh sửa tệp cấu hình, hoặc làm việc với cấu trúc dữ liệu.
Khi Nào Nên Sử Dụng Máy Tính Này
Gỡ lỗi phản hồi API trả về một dòng JSON dài, không thể đọc được.
Chuẩn bị JSON cho tài liệu hoặc README nơi khả năng đọc quan trọng.
So sánh hai cấu trúc JSON cạnh nhau sau khi định dạng cả hai với cùng một thụt lề.
Đọc một tệp cấu hình đã thu nhỏ (như package.json hoặc tsconfig.json) đã được nén.
Chia sẻ dữ liệu JSON với đồng nghiệp ở định dạng dễ đọc qua trò chuyện hoặc email.
Kiểm tra tải trọng 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 vùng văn bản đầu vào.
Nhấp vào nút Định dạng.
Xem đầu ra JSON được định dạng đẹp mắt.
Sao chép JSON đã định dạng vào bảng tạm của bạn.
Công Thức
Đầu vào: JSON đã thu nhỏ → Đầu ra: JSON có thụt lề với khoảng cách 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
Gỡ lỗi phản hồi API
Đọc tệp cấu hình
Chia sẻ dữ liệu có cấu trúc
Chuẩn bị JSON cho tài liệu
Lợi Ích Chính
Định dạng JSON trong mili giây
Cải thiện khả năng đọc mã
Gỡ lỗi phản hồi API nhanh hơn
Không có dữ liệu nào rời khỏi trình duyệt của bạn
Mẹo Chuyên Nghiệp
Luôn xác thực trước khi định dạng để phát hiện lỗi
Sử dụng thụt lề 2 khoảng trắng để tương thích tối đa
Sao chép đầu ra ngay sau khi định dạng
Những Lỗi Thường Gặp Cần Tránh
Để lại dấu phẩy thừa trong các đối tượng JSON
Sử dụng dấu ngoặc kép đơn thay vì kép cho các khóa
Thiếu dấu phẩy giữa các phần tử mảng
Các Thuật Ngữ Chính Được Giải Thích
JSON: Định dạng dữ liệu JavaScript Object Notation
Đã thu nhỏ: JSON nhỏ gọn không có khoảng trắng
Pretty-print: JSON được định dạng với thụt lề
Phân tích cú pháp (Parse): Chuyển đổi chuỗi JSON thành đối tượng lập trình
Khái niệm liên quan
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
Ví Dụ
Đầu vào: {"name":"John","age":30,"address":{"city":"NYC","zip":"10001"}} được định dạng với ngắt dòng và thụt lề 2 khoảng trắng, làm cho 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 đầu vào 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 cho mỗi cấp lồng nhau) với ngắt dòng sau mỗi khóa, giá trị, hoặc dấu ngoặc đóng. Đầu ra bảo toàn dữ liệu chính xác — không có giá trị nào bị thay đổi, chỉ có khoảng trắng được thêm vào để dễ đọc.
Chức năng thu nhỏ làm ngược lại: nó loại bỏ tất cả khoảng trắng không cần thiết để tạo ra chuỗi nhỏ nhất có thể. Điều này hữu ích để giảm kích thước tải trọng trong các API sản xuất nơi mỗi byte đều quan trọng. JSON đã thu nhỏ về mặt chức năng giống hệt với JSON đã định dạng — chỉ khác nhau về 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 để so sánh hai cấu trúc JSON hoặc cho các tệp cấu hình nơi thứ tự khóa nhất quán giúp việc so sánh khác biệt dễ dàng hơn. Lưu ý rằng thứ tự khóa JSON không có ý nghĩa ngữ nghĩa — JSON đã sắp xếp và chưa sắp xếp là tương đương.
Câu Hỏi Thường Gặp
Định dạng JSON là gì?
Định dạng JSON (hay pretty-printing) thêm thụt lề và ngắt dòng phù hợp vào dữ liệu JSON, làm cho nó dễ đọc đối với con người. JSON nén nhỏ gọn rất tốt để truyền tải nhưng khó đọc.
Công cụ này có xử lý JSON lồng nhau không?
Có, trình định dạng xử lý bất kỳ độ sâu nào của các đối tượng và mảng lồng nhau, thụt lề chính xác từng cấp độ. Các cấu trúc JSON phức tạp, lồng nhau sâu được định dạng đẹp mắt.
Dữ liệu của tôi có được gửi đến máy chủ không?
Không. Toàn bộ quá trình xử lý JSON diễn ra hoàn toàn trong trình duyệt của bạn. Dữ liệu của bạn không bao giờ rời khỏi thiết bị của bạn.
Sự khác biệt giữa định dạng và thu nhỏ là gì?
Định dạng thêm thụt lề và ngắt dòng để dễ đọc. Thu nhỏ làm ngược lại — nó loại bỏ tất cả khoảng trắng không cần thiết để tạo ra chuỗi JSON nhỏ nhất có thể, hữu ích cho việc triển khai sản xuất.
Tôi có thể sắp xếp các khóa theo thứ tự bảng chữ cái không?
Có. Tùy chọn sắp xếp khóa sắp xếp lại các khóa đối tượng theo thứ tự bảng chữ cái, giúp việc tìm kiếm và so sánh các cấu trúc JSON lớn dễ dàng hơn. Điều này đặc biệt hữu ích cho các tệp cấu hình.
Tại sao JSON của tôi bị lỗi dấu phẩy thừa ở cuối?
JSON không cho phép dấu phẩy thừa sau phần tử cuối cùng trong một đối tượng hoặc mảng. Đây là một lỗi phổ biến khi chỉnh sửa JSON thủ công. Trình định dạng sẽ đánh dấu lỗi này.
Sự khác biệt giữa JSON và JSONC là gì?
JSONC (JSON có chú thích) cho phép chú thích // và /* */. JSON tiêu chuẩn thì không. Trình định dạng này xử lý JSON tiêu chuẩn. Hãy xóa tất cả các chú thích trước khi định dạng.
Tôi có thể định dạng JSON từ phản hồi API không?
Chắc chắn rồi. Sao chép phản hồi JSON thô từ máy khách API của bạn hoặc công cụ nhà phát triển trình duyệt và dán vào đây. Trình định dạng sẽ ngay lập tức làm cho nó dễ đọc để gỡ lỗi.
Tôi nên sử dụng kích thước thụt lề nào?
2 khoảng trắng là quy ước được sử dụng rộng rãi nhất và là mặc định. Một số nhóm thích 4 khoảng trắng hoặc tab. Sử dụng bất cứ điều gì phù hợp với hướng dẫn phong cách mã hóa của dự án bạn.
Tôi có thể chuyển đổi JSON sang YAML với công cụ này không?
Công cụ này tập trung vào việc định dạng và thu nhỏ JSON. Đối với việc chuyển đổi JSON sang YAML, hãy sử dụng một công cụ chuyển đổi chuyên dụng. Tuy nhiên, việc định dạng JSON của bạn trước sẽ làm cho việc chuyển đổi thủ công dễ dàng hơn nhiều.
Tại sao JSON của tôi hiển thị lỗi phân tích cú pháp?
Các nguyên nhân phổ biến bao gồm dấu phẩy thừa ở cuối, khóa không có dấu ngoặc kép, dấu ngoặc kép đơn thay vì kép, và thiếu dấu hai chấm. Hãy sử dụng công cụ Trình xác thực JSON trước để xác định vị trí lỗi chính xác.
