Định dạng JSON - JSON Formatter

Biến JSON khó đọc thành code rõ ràng. Hỗ trợ trên Online và CLI, giúp debug, test, và học mà không cần cài đặt.

Thẻ: beautify code json

🚀 181,062 tổng số lượt chuyển đổi (338 trong tháng này)

Luyện Python với thử thách lập trình

Giải các bài tập thực tế ngay trên trình soạn thảo này: chạy kiểm thử mẫu, nộp bài và nhận đánh giá code từ AI.

Tất cả thử thách Python
Dễ

Rectangle Perimeter

Compute the perimeter of a rectangle from its sides.

Bạn sẽ học Số họcGiá trị trả về
BeginnerLearning-pathVariables
Dễ

Distance Between Points

Compute the straight-line distance between two points.

Bạn sẽ học Định lý PythagoreCăn bậc hai
BeginnerFunctionsLearning-pathmath
Dễ

Trung Bình Của Ba Số

Tính trung bình cộng của ba số nguyên.

Bạn sẽ học Số họcPhép chia
BeginnerLearning-pathVariables
Dễ

Days in a Month

Return how many days a month has, including leap years.

Bạn sẽ học Quy tắc lịchHàm phụ trợ
BeginnerConditionsFunctionsLearning-path
Dễ

Tích vô hướng của hai vector

Nhân hai vector theo từng phần tử rồi cộng kết quả lại, phép tính cốt lõi của mọi nơ-ron.

Bạn sẽ học VectorTích vô hướng
Mạng nơ-rontrí tuệ nhân tạohọc máy
Dễ

Số Lớn Nhất Trong Ba Số

Chọn số lớn nhất trong ba số mà không dùng hàm max có sẵn.

Bạn sẽ học So sánhKết hợp điều kiện
BeginnerConditionsLearning-path
Dễ

Kiểm Tra Số Nguyên Tố

Xác định xem một số có phải là số nguyên tố hay không.

Bạn sẽ học Tính chia hếtTối ưu vòng lặp
BeginnerLoopsNumbersStudent-beginner
Dễ

Số Armstrong

Kiểm tra một số có bằng tổng các chữ số của nó lũy thừa lên số lượng chữ số hay không.

Bạn sẽ học Tách chữ sốLũy thừa
BeginnerNumbersStudent-beginner
Dễ

Sum of Odd Numbers

Add every odd number up to a limit.

Bạn sẽ học Vòng lặp forBiến cộng dồn
BeginnerLearning-pathLoops
Dễ

Tam giác số

Xây dựng một tam giác các số tăng dần.

Bạn sẽ học Hàng tăng dầnBiến đếm qua các hàng
BeginnerLearning-pathNested-loopsPatterns
Dễ

Row Sums

Add up every row of a grid.

Bạn sẽ học Danh sách 2 chiềuVòng lặp lồng nhau
BeginnerGridsLearning-path
Dễ

Chia Đôi Đến Khi Còn Một

Đếm số lần chia đôi để đưa một số về 1.

Bạn sẽ học Vòng lặp whileĐếm
BeginnerLearning-pathLoops

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"
      }
    }
  ]
}