Làm đẹp JSON - Trình định dạng JSON
Chuyển đổi JSON không đọc được hoặc nằm trên một dòng thành mã được định dạng tốt
Giới thiệu
Công cụ làm đẹp JSON trực tuyến này giúp bạn định dạng JSON không có cấu trúc thành một bố cục sạch sẽ, dễ đọc. Được hỗ trợ bởi công cụ làm đẹp Pretty Diff, nó cho phép bạn xem kết quả dưới dạng mã hoặc dạng cây để có hình ảnh trực quan hơn.
Cách sử dụng công cụ này
Để bắt đầu, chỉ cần dán mã JSON của bạn trực tiếp vào trình chỉnh sửa hoặc tải lên một tệp JSON bằng nút **Tải lên**. Sau khi quá trình làm đẹp hoàn tất, bạn có thể tải xuống JSON đã định dạng, lưu lại hoặc chia sẻ với người khác bằng một liên kết duy nhất. Đăng nhập bằng Google hoặc GitHub cho phép bạn lưu kết quả vào tài khoản của mình để sử dụng sau này.
JSON là gì?
JSON (JavaScript Object Notation) là một định dạng dữ liệu nhẹ, tiêu chuẩn mở sử dụng văn bản dễ đọc để biểu diễn các đối tượng dữ liệu bao gồm các cặp thuộc tính-giá trị và mảng. Nó được sử dụng rộng rãi để trao đổi dữ liệu, đặc biệt là như một giải pháp thay thế đơn giản hơn cho XML trong các hệ thống AJAX.
Sự phổ biến của JSON xuất phát từ sự đơn giản và linh hoạt của nó, khiến nó trở thành định dạng ưa thích cho các API, tệp cấu hình và các nhiệm vụ chia sẻ dữ liệu khác. Tìm hiểu thêm
Cú pháp JSON
JSON định nghĩa hai cấu trúc chính: đối tượng và mảng.
- **Đối tượng**: Một tập hợp các cặp tên-giá trị được bao bọc trong dấu ngoặc nhọn `{}`.
- **Mảng**: Một danh sách các giá trị được bao bọc trong dấu ngoặc vuông `[]`.
JSON hỗ trợ bảy kiểu dữ liệu: chuỗi, số, đối tượng, mảng, `true`, `false`, và `null`. Dưới đây là một ví dụ về một đối tượng JSON chứa các cặp tên-giá trị. Khóa "phoneNumbers" chứa một mảng gồm hai đối tượng:
{
"firstName": "Duke",
"lastName": "Java",
"age": 18,
"streetAddress": "100 Internet Dr",
"city": "JavaTown",
"state": "JA",
"postalCode": "12345",
"phoneNumbers": [
{
"Mobile": "111-111-1111"
}, {
"Home": "222-222-2222"
}
]
}
Ví dụ
Chưa làm đẹp:
{"colors":[{"color":"black","category":"hue","type":"primary","code":{"rgba":[255,255,255,1],"hex":"#000"}},{"color":"white","category":"value","code":{"rgba":[0,0,0,1],"hex":"#FFF"}}]}
Sau khi làm đẹp:
{
"colors": [
{
"color": "black",
"category": "hue",
"type": "primary",
"code": {
"rgba": [
255, 255, 255, 1
],
"hex": "#000"
}
}, {
"color": "white",
"category": "value",
"code": {
"rgba": [
0, 0, 0, 1
],
"hex": "#FFF"
}
}
]
}