อธิบาย Regex
วาง regular expression แล้วดูคำอธิบายภาษาง่ายของทุก token ทั้ง group, quantifier, class, lookaround พร้อมตรวจ syntax ทันที ฟรีและทำงานในเบราว์เซอร์
Loading tool...
อธิบาย Regex คืออะไร?
Regex Explainer แยก regular expression ใดก็ได้ออกเป็น token รายตัวพร้อมคำอธิบายภาษาง่าย ทั้ง shorthand อย่าง \d, quantifier, group, anchor, alternation และ lookaround โดยแสดงการซ้อนกันของ group ด้วยย่อหน้า พร้อมตรวจโครงสร้างทันที
ประโยชน์หลัก
- เข้าใจ regex ที่ไม่คุ้นเคยโดยไม่ต้องเรียน syntax ทั้งหมดก่อน
- เห็นความผิดพลาดเชิงโครงสร้างอย่างวงเล็บไม่สมดุลได้ทันที
- เลย์เอาต์แสดงการซ้อนกันทำให้ pattern ซับซ้อนอ่านง่ายเหมือน outline
- Pure parser ฝั่ง client - ทันที เป็นส่วนตัว ใช้ offline ได้
กรณีการใช้งาน
- •ถอดรหัส regex ที่คัดลอกมาจาก Stack Overflow หรือโค้ดเก่า
- •รีวิว pattern ใน pull request และไฟล์ config
- •เรียน regular expression ทีละ token
- •จัดทำเอกสารกฎ validation ให้ทีม
- •Debug pattern ที่พังด้วย error จาก engine ที่อ่านไม่รู้เรื่อง
ทำความเข้าใจ Regular Expression
- วาง pattern: คัดลอก regular expression จากโค้ด บทเรียน หรือไฟล์ config มาวางในช่อง input
- อ่านคำอธิบายราย token: แต่ละแถวแสดง token ดิบหนึ่งตัวพร้อมคำอธิบายว่าทำอะไร ทั้ง shorthand, quantifier, group, anchor และ class เป็นภาษาง่ายทั้งหมด
- ตามโครงสร้างการซ้อนกัน: แถวที่ย่อหน้าเข้าไปคือเนื้อหาใน group ข้างบน ทำให้ pattern ซับซ้อนอ่านเหมือน outline
- แก้ปัญหา syntax: ถ้า pattern มีวงเล็บไม่สมดุล class ไม่ปิด หรือ backslash เกินท้าย เครื่องมือจะชี้ให้เห็นทันที
คุณสมบัติหลัก
- อธิบายราย token เป็นภาษาง่ายสำหรับ pattern ใดก็ได้
- ครอบคลุม shorthand (\d, \w, \s), anchor, quantifier และ lazy modifier
- อธิบาย group แบบ capturing, non-capturing, named group และ lookaround
- ย่อหน้าสะท้อนการซ้อนกันของ group เห็นโครงสร้างได้ในแวบเดียว
- ตรวจโครงสร้างทันที - class ไม่ปิด วงเล็บไม่สมดุล backslash เกินท้าย
- ทำงานฝั่ง client ทั้งหมด - pattern ไม่เคยออกจากเบราว์เซอร์
คำถามที่พบบ่อย
เครื่องมือนี้รัน regex กับข้อความให้ไหม?
ไม่ - มันเป็น pure parser อ่าน pattern ทีละตัวอักษรแล้วอธิบายความหมายของแต่ละ token พร้อมตรวจโครงสร้าง pattern ของคุณไม่ถูก execute ทำให้เร็วและเป็นส่วนตัว 100%
รองรับ regex dialect แบบไหน?
อธิบาย regex สไตล์ JavaScript: shorthand class (\d, \w, \s และตัวปฏิเสธ), anchor, quantifier รวม lazy modifier, capturing และ named group, alternation, character class และ lookaround
ทำไมบางแถวถึงถูกย่อหน้าเข้าไป?
การย่อหน้าแสดงการซ้อนกัน ทุกอย่างที่ย่อหน้าอยู่ใต้ group หนึ่งคือสมาชิกของ group นั้น ทำให้ pattern ยาวอ่านเหมือน outline ลำดับชั้นแทนกองสัญลักษณ์
ช่วย debug pattern ที่พังได้ไหม?
ได้ มันตรวจจับความผิดพลาดเชิงโครงสร้างที่พบบ่อยทันที เช่น character class ไม่ปิด วงเล็บไม่สมดุล group ไม่ปิด หรือ backslash ท้ายสุดที่ไม่มีอะไรให้ escape