Trình trực quan hóa Regex
Trực quan hóa các mẫu regex dưới dạng Sơ đồ Đường ray.
Làm nổi bật kết quả khớp trực tiếp trên các chuỗi thử nghiệm.
🔒Regex và chuỗi thử nghiệm không bao giờ được gửi đến bất kỳ máy chủ nào. * Lưu ý: Sơ đồ Đường ray sử dụng Regulex (CDN).
Bạn cũng có thể thích
Giới thiệu
Một công cụ dành cho nhà phát triển giúp kết xuất các biểu thức chính quy dưới dạng Sơ đồ Đường ray (sơ đồ cú pháp) và hiển thị kết quả khớp trực tiếp. Công cụ regex-checker hiện tại chỉ hỗ trợ kiểm tra mẫu. Công cụ này được thiết kế đặc biệt để trực quan hóa cấu trúc regex — một tính năng hoàn toàn riêng biệt.
Cách sử dụng
Nhập Regex
Nhập một mẫu và thiết lập các cờ (flags). Hãy thử các nút ví dụ để bắt đầu.
Đọc Sơ đồ
Sơ đồ Đường ray trực quan hóa cấu trúc regex như một luồng đường dẫn.
Kiểm tra & Xuất
Nhập một chuỗi thử nghiệm để xem các kết quả khớp trực tiếp, sau đó xuất sơ đồ SVG.
Thuật ngữ
- Biểu thức Chính quy (Regex)
- Một ngôn ngữ hình thức dùng để mô tả các mẫu văn bản. Trong JavaScript, nó được viết dưới dạng /pattern/flags.
- Sơ đồ Đường ray (Railroad Diagram)
- Một cách biểu diễn trực quan của cú pháp/ngữ pháp. Thể hiện sự phân nhánh, lặp lại và tuần tự như một đường dẫn có hướng.
- Nhóm bắt (Capture Group)
- Dấu ngoặc đơn () dùng để bắt văn bản đã khớp nhằm mục đích tham chiếu ngược hoặc thay thế thông qua $1, $2, v.v.
- Định lượng (Quantifier)
- Chỉ định sự lặp lại: * (0+), + (1+), ? (0 hoặc 1), {n,m} (từ n đến m lần).
- Lớp Ký tự (Character Class)
- [ ] khớp với bất kỳ ký tự nào được liệt kê. [a-z] = chữ cái viết thường, [^0-9] = không phải chữ số.
- Lookahead / Lookbehind
- (?=...) và (?<=...) khẳng định các điều kiện trước/sau kết quả khớp mà không tiêu thụ ký tự.
- Các Cờ (Flags: g/i/m/s/u)
- g=toàn cục, i=không phân biệt hoa thường, m=nhiều dòng, s=dotAll, u=chế độ Unicode.
Câu hỏi thường gặp
- Hỏi:Nó khác với regex-checker như thế nào?
- regex-checker tập trung vào việc kiểm tra và hiển thị kết quả khớp. Tính năng chính của công cụ này là trực quan hóa Sơ đồ Đường ray.
- Hỏi:Hỗ trợ cú pháp regex nào?
- Cú pháp regex JavaScript ES2024, bao gồm lookahead, lookbehind và các nhóm bắt (capture group) được đặt tên.
- Hỏi:Dữ liệu của tôi có được gửi đến máy chủ không?
- Không. Tất cả quá trình xử lý đều diễn ra cục bộ trong trình duyệt của bạn.
- Hỏi:Có rủi ro ReDoS nào không?
- Các mẫu có quá trình quay lui thảm họa (catastrophic backtracking) có thể làm chậm trình duyệt. Hãy kiểm tra với các chuỗi nhỏ trước.
- Hỏi:Nó có yêu cầu internet không?
- Thư viện Sơ đồ Đường ray tải từ CDN. Tính năng kiểm tra kết quả khớp hoạt động ngoại tuyến (offline).
Trường hợp sử dụng
Học Regex
Hiểu các mẫu phức tạp một cách trực quan bằng cách xem cấu trúc dưới dạng sơ đồ.
Gỡ lỗi Mẫu
Xác minh một mẫu được cấu trúc đúng như dự định trước khi sử dụng nó trong mã sản xuất.
Tài liệu Nhóm
Chia sẻ sơ đồ SVG trong các pull request hoặc tài liệu kỹ thuật để giải thích logic regex.
Sơ đồ Đặc tả API
Nhúng sơ đồ SVG vào các tài liệu đặc tả để làm rõ ràng.
Gửi phản hồi
Vui lòng cho chúng tôi biết suy nghĩ của bạn để giúp chúng tôi cải thiện công cụ.
Feedback is temporarily suspended
The server is busy or spam protection is active. Please try again later.