← กลับไปยังคุณสมบัติ
Free

Regex Tester

Regex Tester ช่วยประเมิน Regular Expression เทียบกับข้อความทดสอบแบบเรียลไทม์ จุดที่ตรงกันจะถูกไฮไลต์ด้วยสีที่สลับกัน มีการแยกกลุ่มการจับ (Capture Group) และกลุ่มที่ตั้งชื่อไว้ (Named Group) ออกมาให้ดูในแต่ละจุดที่ตรงกัน รองรับ Flag มาตรฐานทั้งหมด (g, i, m, s, u, y) และมีโหมดแทนที่ (Replace) เพื่อดูว่าการแทนที่ข้อความจะเปลี่ยนไปอย่างไร

Regular expression เป็นภาษารูปแบบข้อความสากล แต่การเขียนให้ถูกต้องต้องอาศัยการลองผิดลองถูกซ้ำ ๆ Regex Tester ทำให้การลองซ้ำนั้นเกิดขึ้นได้ทันที พิมพ์แพทเทิร์นแล้วดูผลลัพธ์ที่ตรงกันถูกไฮไลต์ในข้อความทดสอบขณะที่คุณพิมพ์

การ์ดผลลัพธ์แต่ละใบจะแสดงสตริงย่อยที่ตรงกัน ตำแหน่ง index และทุก capture group ($1, $2, ...) รวมถึง named group แยกกันอย่างชัดเจน — ไม่ต้องเดาอีกต่อไปว่ากลุ่มของคุณจับค่าตามที่คาดไว้หรือไม่ รองรับ flag ของ regex ใน JavaScript ครบทั้งหกตัว ผ่านทั้งช่องกรอก flag แบบย่อ (gi, gim) และแถวเช็คบ็อกซ์ที่ใช้งานง่ายกว่า โหมด replace จะรัน String.replace ด้วยแพทเทิร์นและสตริงแทนที่ของคุณ — รองรับ $& (คำที่ตรงกันทั้งหมด), $1..$9 (กลุ่ม) และ named backref

เนื่องจากการจับคู่ทำงานผ่าน regex engine ของ JavaScript โดยตรง ผลลัพธ์จึงสะท้อนสิ่งที่โค้ดของคุณจะทำในโปรดักชันอย่างแม่นยำ — รวมถึงพฤติกรรมเฉพาะของ JS ที่ต่างจาก PCRE หรือโมดูล re ของ Python เช่นวิธีจัดการ lookbehind และ Unicode property escape หากแพทเทิร์นมีความเสี่ยงต่อ catastrophic backtracking — quantifier ที่ซ้อนกันซึ่งอาจทำให้เวลาการจับคู่เพิ่มขึ้นแบบเอ็กซ์โพเนนเชียลกับอินพุตบางแบบ — การจับคู่ที่ใช้เวลานานเกินไปจะถูกแจ้งเตือนแทนที่จะปล่อยให้แท็บค้าง ทำให้คุณจับแพทเทิร์นที่อันตรายได้ตั้งแต่ตอนทดสอบ แทนที่จะมาเจอทีหลังในโปรดักชันภายใต้ทราฟฟิกจริง ทุกอย่างทำงานในเครื่องของคุณเท่านั้น ข้อมูลที่คุณป้อนจึงไม่ออกจากเครื่องเลย

ตัวอย่างสด
example.com
ตัวทดสอบ Regex พบ 3 รายการที่ตรงกัน
รูปแบบ (Pattern)
/ \b\w+@\w+\.\w+\b / gi
g global i ไม่ระบุตัวเล็กใหญ่ m หลายบรรทัด s dotAll
ข้อความทดสอบ · ไฮไลต์ส่วนที่ตรงกัน
ส่งอีเมลไปที่ [email protected] หรือ [email protected] เพื่อขอรับการสนับสนุน
ติดต่อ [email protected] สำหรับคำถามเกี่ยวกับการเรียกเก็บเงิน
รายละเอียดส่วนที่ตรงกัน
คุณสมบัติหลัก

ไฮไลต์จุดที่ตรงกันแบบสด

จุดที่ตรงกันจะถูกไฮไลต์สลับสีกันระหว่างม่วงและเขียวขณะที่คุณพิมพ์ — เห็นภาพทันทีว่า Regex ของคุณจับส่วนไหนได้บ้างโดยไม่ต้องรันสคริปต์

รายละเอียดรายจุดที่ตรงกัน

แต่ละจุดที่ตรงกันจะแสดงตำแหน่ง Index ในซอร์สโค้ด, สตริงที่ตรงกัน, และทุกกลุ่มการจับ ($1, $2, ...) รวมถึงกลุ่มที่ตั้งชื่อไว้พร้อมค่าที่จับได้

รองรับ JavaScript Flag ทั้งหมด

รองรับ g (global), i (ignore case), m (multiline), s (dotAll), u (unicode), y (sticky) สลับใช้งานได้ผ่านช่องกรอกแบบย่อหรือแถวช่องติ๊ก

พรีวิวการแทนที่

ใส่ข้อความแทนที่พร้อมการอ้างอิงกลับอย่าง $&, $1..$9 หรือ $<name> แล้วคลิก Replace เพื่อเปลี่ยนข้อความทดสอบทันที

การลองผิดลองถูกที่รวดเร็ว

ผลลัพธ์จะอัปเดตสดๆ ทุกครั้งที่กดปุ่มบนคีย์บอร์ด ไม่ต้องกดปุ่ม Run — ปรับแต่งแพทเทิร์นของคุณจนกว่าผลลัพธ์จะออกมาถูกต้อง

แจ้งเตือนข้อผิดพลาด

หากไวยากรณ์ Regex ไม่ถูกต้อง ระบบจะรายงานข้อความแสดงข้อผิดพลาดจากเอนจิน JavaScript โดยละเอียดเพื่อให้คุณแก้ไขได้ทันที

กรณีการใช้งานทั่วไป

การตรวจสอบข้อมูลอินพุตของผู้ใช้

สร้าง Regex สำหรับอีเมล, หมายเลขโทรศัพท์ หรือรหัสไปรษณีย์ แล้วทดสอบกับกรณีขอบเขต (Edge case) ก่อนจะนำไปใช้ในโค้ดจริง

การพาร์ส Log และข้อความ

ดึงข้อมูลที่มีโครงสร้าง (Timestamp, ID, IP) จากบรรทัด Log โดยการปรับแต่ง Regex จนกว่าจะครอบคลุมทุกรูปแบบที่ต้องการ

การรีแฟคเตอร์ด้วยการค้นหาและแทนที่

ตรวจสอบว่า Regex สำหรับการค้นหาและแทนที่ทำงานได้อย่างปลอดภัยบนโค้ดหรือข้อความจริง ก่อนจะนำไปรันกับไฟล์จำนวนมาก

การเรียนรู้ Regex

ทดลองใช้ฟีเจอร์อย่าง Lookahead, Lookbehind, Non-capturing group หรือ Unicode property escape ในพื้นที่ทดสอบที่ปลอดภัยและเห็นภาพชัดเจน

การดีบั๊ก Regex ที่ทำงานไม่ถูกต้อง

วาง Regex จากโค้ดของคุณ พร้อมข้อมูลอินพุตที่ควรจะตรงกัน เพื่อดูว่า Regex ล้มเหลวที่จุดไหน — ไม่ต้องเดาอีกต่อไป

วิธีใช้งาน
1

เปิดเครื่องมือ Regex Tester

คลิกไอคอน Regex ใน DevSuite Pro dock แผงควบคุมจะเปิดขึ้นพร้อมช่องใส่แพทเทิร์น, Flag, ข้อความทดสอบ และช่องสำหรับแทนที่

2

ใส่แพทเทิร์น

พิมพ์ Regex ของคุณระหว่างเครื่องหมายทับ (Slash) สามารถพิมพ์ Flag (เช่น gi) ได้โดยตรง หรือเลือกจากช่องติ๊กด้านล่าง

3

วางข้อความทดสอบ

วางข้อความที่ต้องการค้นหาในพื้นที่ Test Text จุดที่ตรงกันจะถูกไฮไลต์ทันที

4

ตรวจสอบกลุ่มการจับ

รายการรายละเอียดจุดที่ตรงกัน (Match Details) ด้านล่างจะแสดง Index ของแต่ละจุดและกลุ่มที่จับได้ ยืนยันว่ากลุ่มของคุณจับข้อมูลได้ตามที่ต้องการ

5

ลองใช้ Replace (ระบุได้)

ใส่ข้อความแทนที่พร้อมการอ้างอิงกลับอย่าง $1, $& หรือ $<name> แล้วคลิก Replace เพื่อเปลี่ยนข้อความในที่นั้นๆ

พร้อมที่จะลองหรือยัง?

ติดตั้ง DevSuite Pro ฟรีและปลดล็อกเครื่องมือสำหรับนักพัฒนามากกว่า 64 รายการสำหรับเบราว์เซอร์ของคุณ

เพิ่มใน Chrome เพิ่มไปยัง Edge เพิ่มใน FireFox