Chuyển đổi miễn phí

Cây JSON Người xem

Xem, định dạng và khám phá dữ liệu JSON trong cây có thể thu gọn tương tác. Miễn phí, an toàn và không cần tải lên.

Kéo và thả tệp JSON vào đây

Hoặc dán văn bản JSON bên dưới

Hoặc

Về công cụ này

Trình xem cây JSON hiển thị dữ liệu JSON dưới dạng cây phân cấp có thể điều hướng thay vì dưới dạng văn bản thuần túy. Mỗi đối tượng trở thành một nhánh có thể thu gọn; mảng hiển thị các mục riêng lẻ; các giá trị nguyên thủy xuất hiện dưới dạng lá. Chế độ xem cấu trúc giúp dễ dàng tìm thấy các trường cụ thể trong dữ liệu được lồng sâu, thu gọn các cây con không liên quan và điều hướng các tài liệu JSON lớn không thể quản lý được dưới dạng văn bản phẳng.

So với văn bản JSON được định dạng, chế độ xem dạng cây vượt trội hơn trong việc điều hướng trong dữ liệu lớn. Phản hồi API 10 MB là không thực tế để cuộn qua dưới dạng văn bản nhưng có thể điều khiển được dưới dạng cây nơi bạn thu gọn các khóa cấp cao nhất mà bạn không quan tâm và chỉ mở rộng các phần quan tâm.

Trình xem này hiển thị JSON dưới dạng cây có cấu trúc trong trình duyệt của bạn. Tìm kiếm lọc các nhánh theo khóa hoặc giá trị. Hiển thị nhận biết kiểu phân biệt chuỗi, số, boolean, null, đối tượng và mảng.

Tại sao nên sử dụng Trình xem dạng cây JSON

Dữ liệu được lồng sâu khó điều hướng dưới dạng văn bản. Các tệp cấu hình, phản hồi API và trạng thái được tuần tự hóa thường có hơn 5 cấp độ lồng nhau. Chế độ xem dạng cây cho phép bạn thu gọn các cấp độ không liên quan và tập trung vào những gì quan trọng; chế độ xem văn bản yêu cầu cuộn và đếm dấu ngoặc cẩn thận.

Khả năng tìm kiếm và lọc cũng có vấn đề. Việc tìm kiếm tất cả các khóa có tên 'user_id' trên một tài liệu phức tạp thật nhanh chóng với trình xem nhận biết tìm kiếm; không thể thực hiện một cách đáng tin cậy với văn bản thuần túy.

Cách sử dụng

Dán JSON, điều hướng cây.

  1. Dán JSON của bạn: Thả JSON vào vùng nhập liệu. Trình xem phân tích cú pháp và hiển thị cây có cấu trúc.
  2. Mở rộng và thu gọn: Bấm vào các nhánh để mở rộng hoặc thu gọn. Hữu ích cho việc tập trung vào các cây con cụ thể của dữ liệu lớn.
  3. Tìm kiếm: Lọc theo khóa hoặc giá trị. Các nhánh phù hợp vẫn hiển thị; không phù hợp sẽ bị ẩn.
  4. Kiểm tra các giá trị cụ thể: Nhấp vào một chiếc lá để xem giá trị đầy đủ của nó (hữu ích cho các chuỗi dài) và sao chép đường dẫn (ví dụ: user.0.profile.email) để sử dụng trong mã.

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

Chi tiết kỹ thuật

Phân tích cú pháp JSON sử dụng JSON.parse, không thành công với dữ liệu đầu vào không hợp lệ với lỗi phân tích cú pháp chỉ ra vị trí của vấn đề. JSON hợp lệ hiển thị thành một đối tượng JavaScript mà người xem thực hiện đệ quy để tạo ra cây.

Kết xuất: mỗi cấp độ lồng nhau sẽ trở thành một nhánh thụt vào. Khóa đối tượng là nhãn; các giá trị được hiển thị dựa trên loại - chuỗi trong dấu ngoặc kép, số không có, boolean là đúng/sai, null rõ ràng, các đối tượng và mảng dưới dạng các nhánh có thể thu gọn.

Hiệu suất: JSON rất lớn (10MB+) có thể làm chậm quá trình hiển thị. Việc mở rộng lười biếng (chỉ hiển thị các nhánh hiện có thể nhìn thấy) sẽ giúp ích. Tìm kiếm trên các tài liệu lớn có thể mất nhiều thời gian; lập chỉ mục cây trên phân tích cú pháp đầu tiên sẽ giúp ích.

Thực tiễn tốt nhất

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

Cây JSON có thể đi sâu đến mức nào?
Không có giới hạn độ sâu nhân tạo. Công cụ này hiển thị cây sâu như cấu trúc JSON của bạn. Tuy nhiên, việc lồng ghép quá sâu (hơn 100 cấp độ) có thể làm chậm quá trình hiển thị trong trình duyệt.
Tôi có thể tìm kiếm trong cây JSON không?
Sử dụng Ctrl/Cmd+F để tìm kiếm khóa hoặc giá trị. Các nút phù hợp sẽ được đánh dấu và các nút cha của chúng sẽ tự động mở rộng để hiển thị đường dẫn.
Định dạng đường dẫn JSON nào được sử dụng?
Công cụ này sử dụng ký hiệu dấu chấm JSONPath ($.key.nested.array[0].value). Định dạng này tương thích với quyền truy cập thuộc tính JavaScript và hầu hết các thư viện JSONPath.
Tôi có thể chỉnh sửa giá trị trong cây không?
Đây là trình xem chỉ đọc để khám phá. Để chỉnh sửa JSON, hãy sử dụng công cụ JSON Formatter của chúng tôi, công cụ này cung cấp giao diện có thể chỉnh sửa được xác thực.
Dữ liệu của tôi có được tải lên không?
Không. Quá trình phân tích cú pháp và hiển thị diễn ra trong trình duyệt của bạn.
Làm cách nào để xuất một phần của cây?
Hầu hết người xem đều cung cấp bản sao dưới dạng JSON cho các nhánh được chọn. Giá trị được xuất có cùng cấu trúc chỉ có các khóa được chọn.
Tại sao cây chậm với dữ liệu lớn?
Kết xuất DOM của nhiều nút rất tốn kém. Việc mở rộng lười biếng (chỉ hiển thị các nhánh có thể nhìn thấy) sẽ giúp ích; đối với dữ liệu rất lớn, các công cụ chuyên dụng (jq, code) sẽ hiệu quả hơn.
Tôi có thể xem JSON từ một URL không?
Một số người xem tìm nạp URL trực tiếp. Những người khác yêu cầu dán. CORS có thể ngăn việc tìm nạp nhiều nguồn gốc từ một số URL.