JSON Formatter (công cụ định dạng JSON)

JSON Formatter là gì?

JSON Formatter là một công cụ được thiết kế để định dạng lại JSON một dòng khó đọc hoặc JSON có định dạng lùi dòng bị hỏng thành một định dạng dễ đọc hơn. JSON được sử dụng trong nhiều bối cảnh khác nhau, bao gồm phản hồi API, cấu hình dịch vụ web, trao đổi dữ liệu trong các ứng dụng JavaScript, nhật ký và truy vấn cơ sở dữ liệu NoSQL. Tuy nhiên, JSON mà bạn thực sự nhận được thường thiếu các dấu ngắt dòng và trải dài nhiều dòng theo chiều ngang, khiến cho việc theo dõi bằng mắt thường trở nên khó khăn. Khi bạn dán JSON vào công cụ này, nó sẽ thêm các dấu ngắt dòng và thụt lề để giúp các khóa, giá trị, mảng và cấu trúc lồng nhau dễ đọc hơn.

Ngoài định dạng, công cụ này còn hỗ trợ nén để loại bỏ các khoảng trắng và dòng trống thừa, cũng như kiểm tra cú pháp để xác minh rằng JSON là hợp lệ. Bạn có thể sử dụng công cụ này khi muốn kiểm tra phản hồi API trong quá trình phát triển, xác minh rằng không có lỗi nào sau khi chỉnh sửa tệp cấu hình, hoặc làm cho văn bản dễ đọc hơn trước khi dán vào các cuộc trò chuyện hoặc tài liệu. Kết quả có thể được sao chép và tải xuống dưới dạng tệp JSON nếu cần.

Trang này được xử lý bằng JavaScript trong trình duyệt. Không có quá trình gửi biểu mẫu đến máy chủ để định dạng JSON đã nhập. Tuy nhiên, khi xử lý JSON chứa thông tin bí mật, dữ liệu cá nhân, mã thông báo xác thực hoặc khóa riêng tư, vui lòng thận trọng khi sử dụng trên các thiết bị dùng chung, tiện ích mở rộng trình duyệt, chia sẻ màn hình và lịch sử trình duyệt. Để đảm bảo xử lý nội dung JSON một cách an toàn, chúng tôi khuyên bạn nên xóa mọi thông tin không cần thiết trước khi định dạng.

• Bạn có thể định dạng JSON bằng cách sử dụng hai khoảng trắng, bốn khoảng trắng hoặc tab để thụt lề.
• Bạn có thể nén JSON thành một dòng duy nhất và chuyển đổi nó sang định dạng phù hợp để truyền tải và lưu trữ.
• Bạn có thể sử dụng JSON.parse để kiểm tra các dấu phẩy bị thiếu và dấu ngoặc kép không đúng.
• Bạn có thể sao chép kết quả đã định dạng vào khay nhớ tạm hoặc lưu chúng dưới dạng formatted.json.

Cách sử dụng Trình định dạng JSON

Rất dễ sử dụng. Đầu tiên, dán JSON bạn muốn định dạng vào trường “JSON Input”. Bạn có thể nhập JSON trực tiếp từ các nguồn như API client, công cụ phát triển trình duyệt, nhật ký hoặc tệp cấu hình. Tiếp theo, chọn kiểu thụt lề bạn muốn cho kết quả đầu ra. Mặc dù thường sử dụng hai khoảng trắng, bạn có thể chọn bốn khoảng trắng để dễ đọc hơn hoặc sử dụng tab để phù hợp với quy ước của dự án hiện tại.

Nhấp vào "Format" sẽ hiển thị kết quả với các dấu ngắt dòng và thụt lề sau khi phân tích cú pháp JSON. Nhấp vào "Compress" sẽ hiển thị một dòng JSON duy nhất với khoảng trắng và dấu ngắt dòng bị loại bỏ. "Syntax Check" rất hữu ích khi bạn chỉ muốn xác minh rằng đầu vào của bạn là JSON hợp lệ trước khi tạo ra đầu ra. Nếu có lỗi, một thông báo sẽ được hiển thị dựa trên kết quả phân tích cú pháp của trình duyệt. Mặc dù cách hiển thị lỗi có thể khác nhau tùy theo trình duyệt, nhưng các nguyên nhân phổ biến nhất là dấu phẩy ở cuối, thiếu dấu ngoặc đơn, thiếu dấu ngoặc kép xung quanh tên khóa và thiếu dấu ngoặc đóng.

1. Dán JSON mà bạn muốn định dạng vào trường "JSON Input".
2. Chọn giữa 2 khoảng trắng, 4 khoảng trắng hoặc một tab để thụt lề tùy theo nhu cầu.
3. Để làm cho văn bản dễ đọc hơn, hãy nhấp vào "Định dạng"; để thu gọn thành một dòng duy nhất, hãy nhấp vào "Nén"; và để kiểm tra tính chính xác, hãy nhấp vào "Kiểm tra cú pháp."
4. Xem lại kết quả và dán chúng vào ứng dụng của bạn bằng cách sử dụng "Sao chép kết quả" hoặc "Tải xuống JSON."

Những lưu ý quan trọng khi sử dụng

• Trong JSON, các khóa và chuỗi phải được đặt trong dấu ngoặc kép. Mặc dù điều này tương tự như cú pháp đối tượng trong JavaScript, nhưng không hoàn toàn giống nhau.
• Không được phép có dấu phẩy ở cuối dòng trong JSON. Nếu có dấu phẩy sau phần tử cuối cùng của mảng hoặc đối tượng, điều này sẽ gây ra lỗi.
• Việc dán các tệp JSON quá lớn có thể làm chậm trình duyệt của bạn. Đối với các tệp rất lớn, vui lòng cân nhắc sử dụng trình soạn thảo chuyên dụng để xem xét chúng.
• Vui lòng cẩn thận không xử lý JSON chứa mã thông báo xác thực, khóa API hoặc thông tin cá nhân trong môi trường chia sẻ hoặc trong quá trình chia sẻ màn hình.

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

JSON Formatter là gì?

JSON Formatter là một công cụ định dạng các chuỗi JSON thành định dạng dễ đọc. Công cụ này thêm các dòng mới và thụt lề để giúp người dùng dễ dàng nhận biết cấu trúc của các đối tượng, mảng, chuỗi, số, giá trị boolean, giá trị null và nhiều thành phần khác.

Sự khác biệt giữa định dạng JSON và nén JSON là gì?

Định dạng bao gồm việc thêm các dòng mới và thụt lề để giúp văn bản dễ đọc hơn cho người dùng. Nén loại bỏ các khoảng trắng thừa và dòng mới để tạo ra định dạng JSON ngắn gọn, chỉ một dòng, phù hợp để lưu trữ hoặc gửi đi.

Bạn có thể kiểm tra xem JSON có đúng không?

Có. Bạn có thể sử dụng nút "Kiểm tra cú pháp" để xác minh xem dữ liệu nhập vào có thể được phân tích cú pháp thành JSON hay không. Nếu đúng, nó sẽ được hiển thị dưới dạng JSON hợp lệ; nếu có lỗi, một thông báo lỗi sẽ được hiển thị.

Dữ liệu JSON đã nhập có được gửi đến máy chủ không?

Việc định dạng, nén và kiểm tra cú pháp của công cụ này được thực hiện trong trình duyệt. Trong điều kiện hoạt động bình thường, không có quy trình nào liên quan đến việc gửi biểu mẫu đến máy chủ để định dạng JSON.

Có thể sử dụng dấu nháy đơn trong JSON không?

Trong JSON, các chuỗi ký tự và tên khóa phải được đặt trong dấu ngoặc kép. Cách viết theo phong cách JavaScript sử dụng dấu ngoặc đơn là không hợp lệ trong JSON.

Dấu phẩy ở cuối câu có gây ra lỗi không?

Đúng. Trong JSON, bạn không được đặt dấu phẩy sau phần tử cuối cùng của một mảng hoặc đối tượng. Mặc dù điều này đôi khi được phép trong JavaScript, nhưng nó là lỗi trong JSON.

Nên dùng hai khoảng trắng hay bốn khoảng trắng?

Thông thường, người ta thường sử dụng hai khoảng trắng. Nếu bạn muốn tăng khoảng cách để dễ đọc hơn, hãy sử dụng bốn khoảng trắng; nếu dự án của bạn có hướng dẫn cụ thể, vui lòng tuân theo các hướng dẫn đó.

Có thể sử dụng với các tệp JSON lớn không?

Bạn có thể sử dụng nó miễn là nó nằm trong khả năng của trình duyệt. Tuy nhiên, với các tệp JSON rất lớn, việc dán và định dạng có thể mất thời gian và khiến trình duyệt chạy chậm lại.

Sự khác biệt giữa JSON và đối tượng JavaScript là gì?

JSON là định dạng dựa trên văn bản để trao đổi dữ liệu, có các quy tắc nghiêm ngặt hơn so với các đối tượng văn bản trong JavaScript, chẳng hạn như yêu cầu sử dụng dấu ngoặc kép cho tên khóa và chuỗi ký tự. Nó cũng không hỗ trợ chú thích.

Có thể định dạng JSON kèm theo chú thích không?

Không cho phép có bình luận trong JSON tiêu chuẩn. Do đó, văn bản theo kiểu JSON chứa các bình luận như // hoặc /* */ sẽ dẫn đến lỗi. Các định dạng như JSONC không được hỗ trợ.

Tôi có thể lưu kết quả đầu ra không?

Có. Bạn có thể sao chép kết quả đã được định dạng hoặc nén. Bạn cũng có thể lưu chúng dưới dạng formatted.json bằng cách nhấp vào nút "Tải xuống JSON".

Có thể sử dụng điều này để xác minh phản hồi API không?

Đúng. Dán phản hồi JSON lấy từ API giúp dễ dàng kiểm tra các cấu trúc lồng nhau và nội dung của các mảng. Điều này rất hữu ích trong quá trình phát triển, kiểm thử và gỡ lỗi.