Định dạng và Làm đẹp JSON

Định dạng và làm đẹp JSON với tô sáng cú pháp

Thử ví dụ

Đầu vào

Đầu ra

Chạy cục bộ · An toàn để dán thông tin bí mật

Cập nhật lần cuối: tháng 3 năm 2026

JSON Formatter là gì?

JSON formatter — còn gọi là JSON beautifier — nhận JSON thô hoặc đã được rút gọn và xuất ra văn bản sạch, có cấu trúc với thụt lề, ngắt dòng và tô sáng cú pháp. Điều quan trọng là việc định dạng cũng xác thực JSON của bạn: trình phân tích phát hiện dấu ngoặc chưa đóng, dấu phẩy đặt sai vị trí và các lỗi cú pháp khác ngay khi bạn dán dữ liệu vào.

Đọc đặc tả JSON →

Before · json
After · json
{"user":"alice","role":"admin","permissions":["read","write","delete"],"meta":{"created":1717200000,"verified":true}}
{
  "user": "alice",
  "role": "admin",
  "permissions": [
    "read",
    "write",
    "delete"
  ],
  "meta": {
    "created": 1717200000,
    "verified": true
  }
}

Tại sao cần định dạng JSON?

Làm việc với JSON chưa định dạng giống như đọc sách không có dấu cách hay dấu câu — về mặt kỹ thuật là có thể nhưng rất mệt mỏi. Định dạng giúp cấu trúc hiện ra rõ ràng ngay lập tức để bạn có thể duyệt, gỡ lỗi và chỉnh sửa dữ liệu một cách tự tin.

🎨
Tô sáng cú pháp
Các key, chuỗi, số, boolean và giá trị null được mã hóa màu sắc giúp bạn phân biệt kiểu dữ liệu ngay lập tức và phát hiện sự không khớp mà không cần đọc từng ký tự.
Phát hiện lỗi tức thì
Formatter phân tích JSON của bạn trước khi hiển thị. Bất kỳ lỗi cú pháp nào — thiếu dấu phẩy, dấu ngoặc chưa đóng hay key không có dấu nháy — đều xuất hiện ngay với thông báo rõ ràng.
↔️
Định dạng và rút gọn tại một nơi
Chuyển đổi giữa đầu ra được làm đẹp và đầu ra rút gọn mà không cần đổi công cụ. Hữu ích khi chuẩn bị JSON cho cả việc xem xét bởi con người và triển khai sản xuất.
🔒
Hoàn toàn phía client
JSON của bạn không bao giờ rời khỏi trình duyệt. Tất cả phân tích và hiển thị diễn ra cục bộ, giữ bí mật các payload nhạy cảm, token và thông tin xác thực.

Cách sử dụng trình định dạng JSON trực tuyến này

Trình định dạng được xây dựng cho quy trình làm việc không ma sát. Không cần tài khoản, không cần tải lên, không cần cấu hình — chỉ cần dán và định dạng.

  1. 1
    Dán JSON của bạn
    Nhấp vào trình soạn thảo bên trái và dán bất kỳ giá trị JSON nào — đối tượng, mảng, chuỗi, số, boolean hoặc null. Trình định dạng chấp nhận JSON nén một dòng, JSON được định dạng một phần hoặc bất kỳ cấu trúc hợp lệ về mặt cú pháp nào.
  2. 2
    Xác thực ngay lập tức
    Bộ phân tích cú pháp chạy ngay khi phát hiện đầu vào. Nếu JSON hợp lệ, đầu ra có cấu trúc xuất hiện ngay ở bên phải. Nếu có lỗi cú pháp, thông báo sẽ xác định chính xác vấn đề — thiếu dấu phẩy, dấu ngoặc chưa đóng hoặc kiểu giá trị không hợp lệ.
  3. 3
    Sao chép hoặc thu gọn
    Nhấp Sao chép để gửi đầu ra đã định dạng vào clipboard. Nhấp Thu gọn để loại bỏ tất cả khoảng trắng và nén JSON thành một dòng duy nhất — hữu ích cho payload sản xuất, yêu cầu API và lưu trữ khi số byte quan trọng.
  4. 4
    Chỉnh sửa và lặp lại
    Chỉnh sửa đầu vào trực tiếp và đầu ra cập nhật theo thời gian thực. Sử dụng trình định dạng như bảng nháp trực tiếp khi xây dựng nội dung yêu cầu API, thiết kế cấu trúc tệp cấu hình hoặc xem xét các sơ đồ dữ liệu.

Quy tắc cú pháp JSON

JSON có đặc tả nghiêm ngặt. Đây là bốn quy tắc gây ra nhiều lỗi cú pháp nhất trong thực tế:

Chuỗi phải dùng dấu nháy kép
Chuỗi với dấu nháy đơn không phải là JSON hợp lệ. Mọi chuỗi — cả key lẫn giá trị — phải được bao bọc bằng dấu nháy kép.
"key": "value"
Không có dấu phẩy cuối
Dấu phẩy sau phần tử cuối cùng trong một object hoặc array là lỗi cú pháp. Đây là lỗi phổ biến nhất khi chỉnh sửa JSON thủ công.
{ "a": 1, "b": 2 }
Không có chú thích
JSON tiêu chuẩn không hỗ trợ chú thích // hoặc /* */. Nếu bạn cần chú thích trong file cấu hình, hãy dùng JSONC hoặc JSON5 và chuyển đổi trước khi sử dụng trong sản xuất.
{ "debug": false }
Số nguyên lớn mất độ chính xác
JavaScript chỉ có thể biểu diễn an toàn các số nguyên đến 2^53 − 1. Đối với ID và timestamp vượt quá giới hạn đó, hãy lưu chúng dưới dạng chuỗi để tránh hỏng dữ liệu âm thầm.
{ "id": "9007199254740993" }
Thoát ký tự điều khiển trong chuỗi
Ký tự tab, xuống dòng và carriage return thô không được phép xuất hiện bên trong chuỗi JSON. Sử dụng chuỗi thoát — \n cho xuống dòng, \t cho tab. Trình định dạng sẽ báo lỗi cú pháp với bất kỳ ký tự điều khiển nào chưa được thoát.
{"text": "Hello\nWorld\tindented"}
NaN và Infinity không hợp lệ
JavaScript cho phép NaN và Infinity làm giá trị số, nhưng đặc tả JSON chỉ chấp nhận số hữu hạn. Nếu bộ tuần tự hóa của bạn phát ra NaN hoặc Infinity, hãy thay chúng bằng null trước khi phân tích cú pháp.
{"score": null}

Các trường hợp sử dụng phổ biến

Xác thực payload API
Định dạng và xác thực phản hồi API để phát hiện cấu trúc bất ngờ, sự không khớp kiểu và JSON lỗi trước khi chúng xuất hiện như bug trong code của bạn.
Xác thực trước khi commit
Trước khi commit cấu hình JSON, dán vào formatter để xác thực cú pháp và phát hiện dấu phẩy thừa hay dấu ngoặc thiếu có thể làm hỏng ứng dụng của bạn.
Gỡ lỗi tuần tự hóa
Khi một object đã tuần tự hóa trông không đúng, việc định dạng nó sẽ phơi bày lỗi kiểu, trường thiếu và cấu trúc lồng nhau bất ngờ do logic tuần tự hóa gây ra.
Chẩn đoán lỗi
Khi JSON của bạn gây ra lỗi phân tích nhưng bạn không thấy nguyên nhân, việc định dạng ngay lập tức xác định vị trí chính xác — dấu ngoặc chưa đóng, thiếu dấu phẩy hoặc giá trị không hợp lệ.
Thiết kế schema
Thiết kế và lặp lại các dạng schema JSON bằng cách định dạng payload mẫu — hệ thống phân cấp trực quan giúp dễ phát hiện sự dư thừa và các trường còn thiếu.
Kiểm thử & Fixtures
Giữ các file JSON fixture kiểm thử được định dạng để các diff trong version control có ý nghĩa — một giá trị thay đổi hiển thị là một dòng thay đổi, không phải một bức tường văn bản.

Trình định dạng JSON trực tuyến so với các công cụ khác

Có nhiều trình định dạng JSON trực tuyến. Các yếu tố khác biệt chính cho việc sử dụng phát triển hàng ngày là quyền riêng tư, tốc độ và tích hợp quy trình làm việc.

Hoàn toàn riêng tư — chỉ xử lý trong trình duyệt
Hầu hết các công cụ JSON trực tuyến gửi đầu vào của bạn đến máy chủ từ xa. Trình định dạng JSON trực tuyến này chạy hoàn toàn trong trình duyệt — không có gì được truyền đi. Bạn có thể an toàn dán thông tin xác thực sản xuất, xuất cơ sở dữ liệu, token xác thực và bất kỳ dữ liệu nào thuộc yêu cầu bảo mật.
Không tài khoản, không quảng cáo, không ma sát
Mở công cụ và bắt đầu định dạng. Không đăng ký, không xác nhận email, không có gì cản trở giữa bạn và JSON của bạn. Trình định dạng khả dụng ngay lập tức và hoạt động ngoại tuyến sau khi trang được tải.
Định dạng và thu gọn trong một công cụ
Nhiều trình định dạng JSON chỉ thực hiện pretty-print. Công cụ này bao gồm nút bật/tắt Thu gọn để bạn có thể chuyển từ JSON dễ đọc sang JSON nhỏ gọn chỉ một cú nhấp — bao quát cả hai phía quy trình từ phát triển đến sản xuất mà không cần chuyển tab.

Câu hỏi thường gặp

Sự khác biệt giữa formatter và validator là gì?
Validator chỉ kiểm tra xem JSON có hợp lệ về mặt cú pháp hay không và trả lời có hoặc không. Formatter làm điều đó và còn hiển thị kết quả theo cách có cấu trúc, dễ đọc. Formatter của chúng tôi báo cáo lỗi giống như validator.
Định dạng có thay đổi dữ liệu không?
Không có dữ liệu nào bị thay đổi — nhưng formatter phân tích JSON của bạn trước khi hiển thị. Nếu có lỗi cú pháp, chúng xuất hiện ngay lập tức. Đây là điều làm cho định dạng hữu ích hơn chỉ là dễ đọc: đây cũng là một lần xác thực nhanh.
Trình định dạng có hỗ trợ JSON5 hoặc JSONC không?
Không — trình định dạng này xác thực theo đặc tả JSON chuẩn (RFC 8259). JSON5 và JSONC cho phép chú thích và dấu phẩy cuối, vốn không hợp lệ trong JSON chuẩn. Hãy loại bỏ cú pháp không chuẩn trước khi dán nếu tệp của bạn sử dụng các định dạng này.
JSON của tôi hợp lệ nhưng formatter hiển thị lỗi — tại sao?
Nguyên nhân có khả năng nhất là: dấu phẩy cuối sau cặp key-value cuối, chuỗi dùng dấu nháy đơn, hoặc chú thích JavaScript (// hoặc /* */). Những điều này hợp lệ trong JS nhưng không hợp lệ trong JSON tiêu chuẩn.
Tôi có thể định dạng các file JSON rất lớn không?
Có — vì mọi thứ chạy trong trình duyệt của bạn, không có giới hạn kích thước phía server. Các file rất lớn (10 MB+) có thể chậm khi hiển thị với tô sáng cú pháp, nhưng bản thân việc định dạng sẽ hoàn thành.
Có an toàn khi dán dữ liệu nhạy cảm vào trình định dạng này không?
Có. Trình định dạng JSON trực tuyến này xử lý mọi thứ cục bộ trong trình duyệt của bạn — không có dữ liệu nào được gửi đến bất kỳ máy chủ nào. Bạn có thể an toàn dán khóa API, token truy cập, kết quả truy vấn cơ sở dữ liệu và bất kỳ payload JSON nhạy cảm nào khác.
Tôi có thể thu gọn JSON bằng công cụ này không?
Có — trình định dạng bao gồm chế độ Thu gọn. Nhấp nút Thu gọn để loại bỏ tất cả khoảng trắng và tạo ra JSON nhỏ gọn một dòng. Điều này hữu ích khi chuẩn bị payload cho API sản xuất, truyền dữ liệu di động hoặc bất kỳ ngữ cảnh nào quan trọng về kích thước byte.