Ngôn ngữ
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Công Cụ Tìm JSON Path

Công Cụ Tìm JSON Path

Tìm các biểu thức JSONPath bằng cách nhấp vào các nút trong chế độ xem cây tương tác, hoặc đánh giá các truy vấn JSONPath để trích xuất dữ liệu từ JSON.

Công Cụ Tìm JSON Path là gì?

Công Cụ Tìm JSON Path là một công cụ tương tác giúp bạn điều hướng và truy vấn các cấu trúc dữ liệu JSON. Cho dù bạn là nhà phát triển làm việc với API, kỹ sư QA kiểm tra các điểm cuối, hay nhà phân tích dữ liệu khám phá các tập dữ liệu, công cụ này giúp bạn dễ dàng tìm đường dẫn chính xác đến bất kỳ phần dữ liệu nào trong JSON của bạn.

JSONPath là gì?

JSONPath là một ngôn ngữ truy vấn cho JSON, tương tự như XPath cho XML. Nó cho phép bạn chỉ định đường dẫn đến các phần tử trong tài liệu JSON bằng cách sử dụng cú pháp biểu thức đơn giản. Ví dụ, $.store.book[0].title đề cập đến tiêu đề của cuốn sách đầu tiên trong một đối tượng cửa hàng.

Hai Chế Độ Mạnh Mẽ

Tìm Đường Dẫn

Nhấp vào bất kỳ nút nào trong cây trực quan để xem ngay biểu thức JSONPath của nó. Hoàn hảo để nhanh chóng xác định đường dẫn bạn cần.

Đánh Giá

Nhập một biểu thức JSONPath và xem kết quả phù hợp ngay lập tức. Tuyệt vời để kiểm tra các truy vấn trước khi sử dụng chúng trong mã của bạn.

Dữ Liệu Của Bạn Luôn Được Bảo Mật

Xử Lý 100% Phía Máy Khách: Tất cả xử lý diễn ra trong trình duyệt của bạn. Dữ liệu JSON của bạn không bao giờ rời khỏi thiết bị của bạn, và chúng tôi không thu thập hoặc lưu trữ bất kỳ thông tin nào bạn nhập.
  • Không tải lên — Dữ liệu JSON của bạn không bao giờ rời khỏi thiết bị của bạn
  • Không theo dõi — Chúng tôi không thu thập hoặc lưu trữ bất kỳ dữ liệu nào bạn nhập
  • Quyền riêng tư hoàn toàn — Mọi thứ chạy cục bộ trong trình duyệt của bạn

Cách Sử Dụng Công Cụ Tìm JSON Path

Bắt Đầu

1

Tải Dữ Liệu JSON Của Bạn

Dán dữ liệu JSON của bạn vào bảng điều khiển đầu vào ở bên trái, hoặc nhấp vào nút Mẫu để tải dữ liệu ví dụ. Bạn cũng có thể sử dụng nút Tải Lên để tải tệp .json từ thiết bị của bạn.

2

Xem Cấu Trúc Cây

Chế độ xem cây ở bên phải sẽ tự động hiển thị cấu trúc JSON được phân tích cú pháp với các loại dữ liệu được mã hóa màu và các nút có thể thu gọn.

3

Nhấp Để Lấy Đường Dẫn

Nhấp vào bất kỳ khóa, giá trị hoặc phần tử mảng nào trong chế độ xem cây. Thanh đường dẫn sẽ hiển thị biểu thức JSONPath cho nút đó, sẵn sàng để sao chép.

Tìm Đường Dẫn (Chế Độ Tìm Đường Dẫn)

Chế độ Tìm Đường Dẫn hoàn hảo để khám phá các biểu thức JSONPath thông qua khám phá trực quan:

  • Đảm bảo chế độ Tìm Đường Dẫn được chọn trong thanh công cụ
  • Nhấp vào bất kỳ khóa, giá trị hoặc phần tử mảng nào trong chế độ xem cây
  • Thanh đường dẫn sẽ hiển thị biểu thức JSONPath cho nút đó
  • Nhấp vào Sao Chép để sao chép đường dẫn vào bộ nhớ tạm của bạn

Đánh Giá Biểu Thức (Chế Độ Đánh Giá)

Chế độ Đánh Giá cho phép bạn kiểm tra các truy vấn JSONPath và xem kết quả thời gian thực:

  • Chuyển sang chế độ Đánh Giá bằng cách sử dụng công tắc thanh công cụ
  • Nhập một biểu thức JSONPath trong trường nhập (ví dụ: $.store.book[?(@.price < 10)])
  • Nhấn Enter hoặc nhấp vào nút Chạy
  • Xem các kết quả phù hợp bên dưới, bao gồm số lượng kết quả khớp
  • Nhấp vào Sao Chép để sao chép kết quả
Mẹo Chuyên Nghiệp: Sử dụng công tắc Dot / Bracket để chuyển đổi giữa các kiểu ký hiệu. Ký hiệu Dot ($.store.book[0].title) sạch hơn, trong khi ký hiệu Bracket ($['store']['book'][0]['title']) hoạt động với các ký tự đặc biệt trong khóa.

Tính Năng

Chế Độ Xem Cây Tương Tác

JSON của bạn được hiển thị dưới dạng cây có thể thu gọn với các loại dữ liệu được mã hóa màu để dễ dàng điều hướng.

  • Các đối tượng có huy hiệu màu tím (số lượng khóa)
  • Các mảng có huy hiệu màu xanh lá cây (số lượng phần tử)
  • Các màu riêng biệt cho chuỗi, số, boolean và null
  • Điều khiển mở rộng/thu gọn cho các cấu trúc lớn

Nhấp Để Lấy Đường Dẫn

Chỉ cần nhấp vào bất kỳ nút nào trong cây để nhận ngay biểu thức JSONPath của nó.

  • Cập nhật đường dẫn thời gian thực
  • Sao chép một cú nhấp vào bộ nhớ tạm
  • Hoạt động với các cấu trúc lồng nhau
  • Hỗ trợ cả hai kiểu ký hiệu

Trình Đánh Giá JSONPath

Kiểm tra các biểu thức JSONPath và xem kết quả ngay lập tức với hỗ trợ cú pháp đầy đủ.

  • Truy cập con và ký tự đại diện
  • Lập chỉ mục mảng và cắt
  • Tìm kiếm đệ quy
  • Lọc nâng cao

Cú Pháp JSONPath Được Hỗ Trợ

Trình đánh giá hỗ trợ một loạt các tính năng JSONPath toàn diện:

Tính Năng Cú Pháp Ví Dụ
Truy Cập Con $.key hoặc $['key'] $.store.name
Lập Chỉ Mục Mảng $[index] $.book[0], $.book[-1]
Ký Tự Đại Diện $.* hoặc $[*] $.store.*, $.book[*]
Tìm Kiếm Đệ Quy $.. $..author
Cắt Mảng $[start:end:step] $.book[0:3], $.book[0:6:2]
Bộ Lọc [?(@.field operator value)] $.book[?(@.price < 10)]

Công Cụ Bổ Sung

Công Tắc Ký Hiệu

Chuyển đổi giữa ký hiệu Dot và ký hiệu Bracket chỉ bằng một cú nhấp. Chọn kiểu phù hợp nhất với trường hợp sử dụng của bạn.

Bảng Ghi Nhớ JSONPath

Nhấp vào nút ? để mở bảng tham chiếu nhanh với các biểu thức JSONPath phổ biến và mô tả của chúng.

Điều Khiển Cây Thông Minh

Sử dụng các nút Mở Rộng Tất CảThu Gọn Tất Cả để nhanh chóng điều hướng các cấu trúc JSON lớn.

Các Câu Hỏi Thường Gặp

Biểu thức JSONPath là gì?

Biểu thức JSONPath là một chuỗi mô tả đường dẫn đến một hoặc nhiều phần tử trong tài liệu JSON. Nó luôn bắt đầu bằng $ (phần tử gốc) và sử dụng dấu chấm hoặc dấu ngoặc để điều hướng sâu hơn vào cấu trúc.

Ví Dụ: $.users[0].name lấy tên của người dùng đầu tiên trong mảng người dùng.

Sự khác biệt giữa ký hiệu Dot và Bracket là gì?

Ký Hiệu Dot

$.store.name

  • Ngắn hơn và dễ đọc hơn
  • Chỉ hoạt động với các khóa alphanumeric đơn giản
  • Không thể xử lý các ký tự đặc biệt
Ký Hiệu Bracket

$['store']['name']

  • Hoạt động với bất kỳ khóa nào
  • Xử lý các ký tự đặc biệt, khoảng trắng, dấu gạch ngang
  • Dài hơn nhưng linh hoạt hơn

Làm cách nào để lọc các phần tử mảy?

Sử dụng cú pháp lọc [?(@.field operator value)] trong đó @ đại diện cho phần tử hiện tại đang được đánh giá.

Ví dụ lọc phổ biến:

  • $.products[?(@.price < 50)] — sản phẩm rẻ hơn 50
  • $.users[?(@.active == true)] — chỉ những người dùng hoạt động
  • $.items[?(@.category == 'electronics')] — các mục trong một danh mục cụ thể
  • $.orders[?(@.quantity >= 10)] — đơn hàng có 10 hoặc nhiều mục

Toán tử .. làm gì?

Dấu chấm kép (..) thực hiện tìm kiếm đệ quy thông qua toàn bộ cấu trúc JSON, xem xét mọi mức độ lồng nhau.

Ví Dụ: $..name tìm tất cả các giá trị có khóa "name" bất kể chúng xuất hiện ở đâu trong hệ thống phân cấp — cho dù ở mức gốc, lồng nhau trong các đối tượng, hay sâu trong các mảy.

Ghi Chú Hiệu Suất: Các tìm kiếm đệ quy có thể chậm trên các tài liệu JSON rất lớn vì chúng kiểm tra mọi nút trong cây.

Tôi có thể sử dụng chỉ số mảng âm không?

Có. Các chỉ số âm đếm từ cuối mảy, giúp dễ dàng truy cập các phần tử từ phía sau mà không cần biết độ dài mảy.

  • $.array[-1] trả về phần tử cuối cùng
  • $.array[-2] trả về phần tử thứ hai từ cuối
  • $.array[-3] trả về phần tử thứ ba từ cuối

Dữ liệu của tôi có an toàn không?

Hoàn toàn. Tất cả phân tích cú pháp JSON và đánh giá JSONPath diễn ra hoàn toàn trong trình duyệt của bạn bằng JavaScript. Dữ liệu của bạn không bao giờ rời khỏi thiết bị của bạn.

  • Không tải lên máy chủ — mọi thứ chạy phía máy khách
  • Không lưu trữ dữ liệu — không có gì được lưu sau khi bạn đóng trang
  • Không theo dõi hoặc phân tích nội dung JSON của bạn
  • Quyền riêng tư và bảo mật hoàn toàn

Kích thước JSON tối đa được hỗ trợ là bao nhiêu?

Không có giới hạn cứng được áp dụng bởi công cụ, nhưng các tệp JSON rất lớn có thể ảnh hưởng đến hiệu suất trình duyệt do kết xuất cây và thao tác DOM.

Hiệu Suất Tối Ưu < 1 MB
Có Thể Chậm Lại 1-10 MB
Vấn Đề Hiệu Suất > 10 MB

Khuyến Nghị: Để có hiệu suất tốt nhất, hãy giữ JSON của bạn dưới vài megabyte. Nếu bạn đang làm việc với các tệp rất lớn, hãy cân nhắc trích xuất và kiểm tra các phần nhỏ hơn.

JSONPath Bảng Tham Khảo
Biểu thức Mô tả
$Đối tượng gốc
$.keyThuộc tính con
$..keyTìm kiếm đệ quy
$.arr[0]Chỉ số mảng
$.arr[-1]Phần tử cuối
$.arr[*]Tất cả phần tử
$.arr[0:3]Cắt mảng
$.arr[?(@.price<10)]Biểu thức lọc
$.obj.*Tất cả giá trị
Input
Cây Thư Mục

Dán JSON để khám phá cấu trúc

Path
$
Truy vấn

            
| |
Nhấp vào bất kỳ nút nào trong cây để nhận ngay biểu thức JSONPath của nó
Chuyển đổi giữa ký hiệu DotBracket bằng công tắc
Sử dụng chế độ Đánh giá để chạy các truy vấn JSONPath và trích xuất dữ liệu phù hợp
Thử $.store.book[?(@.price < 10)] để lọc sách theo giá
Sử dụng $..author để tìm tất cả các tác giả ở bất kỳ độ sâu nào
Nhấn Enter trong trường nhập biểu thức để chạy truy vấn
Nhấp vào nút ? để xem bảng ghi nhớ JSONPath
Tất cả xử lý diễn ra trong trình duyệt của bạn - không có dữ liệu nào được gửi đến máy chủ
Muốn biết thêm? Đọc tài liệu →
1/9
Bình luận 0
Để lại bình luận

Chưa có bình luận nào. Hãy là người đầu tiên!

Bắt đầu gõ để tìm kiếm...
Đang tìm kiếm...
Không tìm thấy kết quả
Hãy thử tìm với từ khóa khác