เครื่องมือสร้างภาพ Regex
สร้างภาพรูปแบบ regex เป็นแผนภาพ Railroad
ไฮไลต์ผลการจับคู่บนสตริงทดสอบแบบเรียลไทม์
🔒Regex และสตริงทดสอบจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ใดๆ * หมายเหตุ: แผนภาพ Railroad ใช้ Regulex (CDN)
เกี่ยวกับ
เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ที่เรนเดอร์นิพจน์ปกติเป็นแผนภาพ Railroad (แผนภาพไวยากรณ์) และแสดงผลการจับคู่แบบเรียลไทม์ เครื่องมือ regex-checker ในปัจจุบันรองรับเฉพาะการทดสอบรูปแบบ เครื่องมือนี้ได้รับการออกแบบมาเป็นพิเศษสำหรับการสร้างภาพโครงสร้าง regex — ซึ่งเป็นฟีเจอร์ที่แยกจากกันอย่างชัดเจน
วิธีใช้งาน
ป้อน Regex
ป้อนรูปแบบและตั้งค่าแฟล็ก (flags) ลองใช้ปุ่มตัวอย่างเพื่อเริ่มต้น
อ่านแผนภาพ
แผนภาพ Railroad สร้างภาพโครงสร้าง regex ให้เป็นเส้นทางการไหล
ทดสอบ & ส่งออก
ป้อนสตริงทดสอบเพื่อดูผลการจับคู่แบบเรียลไทม์ จากนั้นคุณสามารถส่งออกแผนภาพ SVG ได้
คำศัพท์
- นิพจน์ปกติ (Regex)
- ภาษาเชิงรูปนัยสำหรับอธิบายรูปแบบข้อความ ใน JavaScript จะเขียนในรูปแบบ /pattern/flags
- แผนภาพ Railroad (Railroad Diagram)
- การแสดงภาพของไวยากรณ์/กฎเกณฑ์ แสดงการแตกแขนง การทำซ้ำ และลำดับเป็นเส้นทางที่มีทิศทาง
- กลุ่มการจับ (Capture Group)
- วงเล็บ () ที่ใช้สำหรับจับข้อความที่ตรงกันเพื่อใช้อ้างอิงย้อนกลับหรือแทนที่ผ่าน $1, $2 ฯลฯ
- ตัวระบุปริมาณ (Quantifier)
- ระบุการทำซ้ำ: * (0+), + (1+), ? (0 หรือ 1), {n,m} (ตั้งแต่ n ถึง m ครั้ง)
- คลาสอักขระ (Character Class)
- [ ] จับคู่อักขระใดๆ ที่ระบุไว้ เช่น [a-z] = ตัวอักษรพิมพ์เล็ก, [^0-9] = ไม่ใช่ตัวเลข
- Lookahead / Lookbehind
- (?=...) และ (?<=...) ยืนยันเงื่อนไขก่อน/หลังผลการจับคู่โดยไม่ใช้อักขระ
- แฟล็ก (Flags: g/i/m/s/u)
- g=ทั่วทั้งเอกสาร (global), i=ไม่แยกตัวพิมพ์เล็ก-ใหญ่, m=หลายบรรทัด, s=dotAll, u=โหมด Unicode
คำถามที่พบบ่อย
- ถาม:มันแตกต่างจาก regex-checker อย่างไร?
- regex-checker มุ่งเน้นไปที่การทดสอบและแสดงผลการจับคู่ คุณสมบัติหลักของเครื่องมือนี้คือการสร้างภาพแผนภาพ Railroad
- ถาม:รองรับไวยากรณ์ regex ใดบ้าง?
- ไวยากรณ์ regex ของ JavaScript ES2024 รวมถึง lookahead, lookbehind และ named capture group
- ถาม:ข้อมูลของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?
- ไม่ การประมวลผลทั้งหมดเกิดขึ้นในเครื่องผ่านเบราว์เซอร์ของคุณ
- ถาม:มีความเสี่ยงของ ReDoS หรือไม่?
- รูปแบบที่มีการย้อนกลับที่รุนแรง (catastrophic backtracking) อาจทำให้เบราว์เซอร์ทำงานช้าลง โปรดทดสอบกับสตริงขนาดเล็กก่อน
- ถาม:ต้องใช้อินเทอร์เน็ตหรือไม่?
- ไลบรารีแผนภาพ Railroad โหลดจาก CDN ส่วนฟีเจอร์การทดสอบการจับคู่สามารถทำงานแบบออฟไลน์ได้
กรณีการใช้งาน
เรียนรู้ Regex
ทำความเข้าใจรูปแบบที่ซับซ้อนอย่างเป็นรูปธรรมด้วยการดูโครงสร้างแบบแผนภาพ
แก้ไขข้อบกพร่องของรูปแบบ
ตรวจสอบว่ารูปแบบมีโครงสร้างตามที่ตั้งใจไว้ก่อนใช้งานจริง
เอกสารของทีม
แชร์แผนภาพ SVG ใน pull request หรือเอกสารทางเทคนิคเพื่ออธิบายตรรกะ regex
แผนภาพข้อกำหนด API
ฝังแผนภาพ SVG ในเอกสารข้อกำหนดเพื่อความชัดเจน
ส่งความคิดเห็น
โปรดแจ้งให้เราทราบความคิดเห็นของคุณเพื่อช่วยปรับปรุงเครื่องมือ
การส่งความคิดเห็นถูกระงับชั่วคราว
เซิร์ฟเวอร์ไม่ว่างหรือระบบป้องกันสแปมทำงานอยู่ โปรดลองอีกครั้งในภายหลัง