Cách xem JSON dạng cây
- Dán JSON, kéo thả file hoặc tải từ URL. Cây sẽ hiện ra bên cạnh văn bản.
- Nhấp vào một dòng để mở rộng hoặc thu gọn, hoặc dùng Mở rộng tất cả và Thu gọn tất cả. Với bàn phím, ↑ và ↓ để di chuyển, ← và → để đóng và mở nút.
- Gõ vào ô tìm kiếm để chỉ hiện các khóa và giá trị khớp. Chọn một nút để sao chép JSONPath, đường dẫn JavaScript hoặc giá trị của nó.
Cách đọc cây JSON
- Đối tượng hiển thị số lượng khóa, ví dụ
{5}, còn mảng hiển thị số lượng phần tử, ví dụ[12]. - Màu sắc và nhãn nhỏ cho biết kiểu của từng giá trị: chuỗi, số, boolean, null, đối tượng hoặc mảng.
- Mảng dài được hiển thị 200 phần tử mỗi lần, nên file chứa hàng trăm nghìn giá trị vẫn phản hồi nhanh.
- Các con số được hiển thị đúng như khi viết – ID dài không bị làm tròn, và khóa giữ nguyên thứ tự ban đầu.
JSONPath là gì?
JSONPath mô tả vị trí của một giá trị bên trong tài liệu JSON, giống như đường dẫn file. Nó được chuẩn hóa vào năm 2024 trong RFC 9535. $ là gốc, .name chọn một thuộc tính, [0] chọn một phần tử mảng và ['first name'] chọn thuộc tính có tên chứa dấu cách hoặc ký tự đặc biệt.
| Đường dẫn | Chọn |
|---|---|
$.store | thuộc tính store của đối tượng gốc |
$.products[0] | phần tử đầu tiên của mảng products |
$.products[0].price | giá của sản phẩm đầu tiên đó |
$.address.geo.lat | một giá trị lồng sâu ba cấp |
$['shipping address'].city | một khóa có dấu cách trong tên |
Trong JavaScript, cùng giá trị đó là data.products[0].price – hãy dùng Sao chép đường dẫn JS để lấy dạng này.
Câu hỏi thường gặp
Có mở được file JSON lớn không?
Có. Chỉ những phần đang mở rộng của cây mới được vẽ và mảng dài hiện 200 phần tử mỗi lần, nên file vài chục megabyte vẫn mở được trên trình duyệt máy tính.
Làm thế nào để sao chép đường dẫn của một giá trị?
Nhấp chọn nút trong cây, rồi dùng Sao chép đường dẫn để lấy JSONPath ($.users[0].email) hoặc Sao chép đường dẫn JS để lấy dạng JavaScript (data.users[0].email).
Có thể chỉnh sửa JSON trong trình xem không?
Trình xem chỉ cho phép đọc, nên không có gì bị thay đổi ngoài ý muốn. Để đổi giá trị, đổi tên khóa hoặc thêm phần tử, hãy mở Trình chỉnh sửa JSON.
Điều gì xảy ra nếu JSON của tôi không hợp lệ?
Hộp báo lỗi hiển thị dòng, cột và nguyên nhân của lỗi, còn cây vẫn hiển thị phiên bản hợp lệ gần nhất cho đến khi lỗi được sửa.