เครื่องมือทดสอบ Regex

คำแนะนำที่เกี่ยวข้อง

กรณีการใช้งาน

• ทดสอบออนไลน์ว่า regex อีเมล เบอร์มือถือ เลขบัตรประชาชน URL ถูกต้องหรือไม่เมื่อพัฒนากฎการตรวจสอบฟอร์ม
• ใช้ regex แยกเวลา stamp ข้อความผิดพลาด ที่อยู่ IP ในบันทึกระดับ ERROR/INFO เมื่อวิเคราะห์ล็อก
• ดูตัวอย่างผลการแทนที่ regex เมื่อทำความสะอาดข้อมูล/ETL เช่น การแปลงรูปแบบวันที่ การปกปิดข้อมูลที่ละเอียดอ่อน (ใส่ดอกจันตรงกลางเบอร์มือถือ)
• ตรวจสอบว่า regex แยกเนื้อหาจับคู่กับส่วน HTML หรือฟิลด์ JSON เป้าหมายอย่างถูกต้องหรือไม่เมื่อเขียนโปรแกรมรวบรวมข้อมูลเว็บ
• ทำความเข้าใจความหมายของอักขระเมตาและควอนติไฟเออร์แต่ละตัวผ่านแผง「คำอธิบาย」เมื่อเรียนรู้ Regular Expression ร่วมกับแม่แบบจะเชี่ยวชาญได้อย่างรวดเร็ว
• ส่ง regex ที่น่าสงสัยให้เพื่อนร่วมงานผ่านลิงก์แชร์เมื่อ Code Review ร่วมกันดีบั๊กและปรับปรุง

คุณสมบัติ

• ทำงานใน sandbox Web Worker: Regex รันในเธรด Worker แยกจากกัน timeout 500ms หยุดอัตโนมัติ ป้องกัน ReDoS ทำให้เบราว์เซอร์ค้างได้อย่างสมบูรณ์
• จับคู่เรียลไทม์ + เน้นสี: ป้อนแล้วแสดงผลการจับคู่ทันที ผลลัพธ์ที่แตกต่างกันถูกเน้นด้วย 5 สี แยกแยะได้ชัดเจน hover เชื่อมโยงกับแผงรายละเอียด
• กลุ่มจับ + กลุ่มที่ตั้งชื่อ: แต่ละผลการจับคู่จะขยายแสดงกลุ่มจับทั้งหมด($1/$2) และกลุ่มที่ตั้งชื่อ($<name>) โดยอัตโนมัติ พร้อมสรุปสถิติ
• ดูตัวอย่างการแทนที่: ป้อนสตริงที่ใช้แทนที่เพื่อดูผลลัพธ์ล่วงหน้าแบบเรียลไทม์ รองรับปุ่มด่วนไวยากรณ์ $1/$&/$`/$'/$<name>
• คำอธิบายไวยากรณ์ regex: วิเคราะห์ Regular Expression อัตโนมัติ อธิบายความหมายไวยากรณ์ของอักขระเมตา ควอนติไฟเออร์ กลุ่ม จุดยึด ตามแต่ละองค์ประกอบ
• 12 แม่แบบที่ใช้บ่อย: มี 12 แม่แบบ regex ความถี่สูงในตัว เช่น อีเมล/URL/เบอร์มือถือ/จีน/IPv4/UUID/วันที่/ล็อก/แท็ก HTML ฯลฯ เติมได้ด้วยคลิกเดียว
• สลับ 6 แฟล็ก: ปุ่มภาพสำหรับสลับแฟล็ก g/i/m/s/u/y ไม่ต้องจำไวยากรณ์
• ลิงก์แชร์: คลิกเดียวสร้าง URL ที่มี pattern/flags/text คัดลอกให้เพื่อนร่วมงานเพื่อจำลองสถานการณ์ทดสอบโดยตรง
• สถิติการทำงาน: แสดงจำนวนการจับคู่ เวลาที่ใช้(ms) จำนวนกลุ่มจับทั้งหมด จำนวนกลุ่มที่ตั้งชื่อ แบบเรียลไทม์
• จำกัดการจับคู่ 1500 ครั้ง: ตัดอัตโนมัติเพื่อป้องกันข้อความยาวเกินไปทำให้หน้าเว็บช้า regex ผิดพลาดจะแสดงข้อความผิดพลาดไวยากรณ์ที่เป็นมิตร

วิธีการใช้งาน

1. ป้อน Regular Expression ในช่องป้อนระหว่าง / / ด้านบน (ไม่ต้องใส่เครื่องหมายทับเอง) ป้อนแฟล็กทางด้านขวา (เช่น g、gi、gim) หรือคลิกปุ่มด้านล่างเพื่อสลับ
2. วางหรือป้อนเนื้อหาข้อความที่ต้องการจับคู่ในพื้นที่「ข้อความทดสอบ」 ผลการจับคู่จะถูกเน้นสีแบบเรียลไทม์
3. คลิกแผง「รายละเอียดการจับคู่」ทางด้านขวาเพื่อดูตำแหน่ง เนื้อหา กลุ่มจับและกลุ่มที่ตั้งชื่อของแต่ละผลการจับคู่
4. สลับไปที่แท็บ「พื้นที่แทนที่」 ป้อนสตริงที่ใช้แทนที่ (รองรับการอ้างอิง $1/$&/$<name> ฯลฯ) ดูตัวอย่างผลการแทนที่แบบเรียลไทม์
5. สลับไปที่แท็บ「คำอธิบายนิพจน์」 ดูคำอธิบายไวยากรณ์ regex ตามองค์ประกอบที่สร้างขึ้นโดยอัตโนมัติ
6. เมื่อต้องการแม่แบบที่ใช้บ่อย คลิก「ไลบรารีแม่แบบตามหมวดหมู่」ทางด้านซ้ายเลือกแม่แบบที่ต้องการแล้วคลิกเพื่อเติม; หลังจากดีบั๊กเสร็จแล้วคลิก「แชร์」เพื่อสร้างลิงก์

คำถามที่พบบ่อย

Regular Expression (Regex/RegExp) คืออะไร?

术语表

Regex / RegExp

ตัวย่อของ Regular Expression (นิพจน์ปรกติ) ไวยากรณ์สตริงที่อธิบายรูปแบบการจับคู่ข้อความ ใช้สำหรับค้นหา แทนที่ ตรวจสอบข้อความ

กลุ่มจับ (Capture Group)

นิพจน์ย่อยที่หุ้มด้วยวงเล็บ (pattern) ผลลัพธ์การจับคู่สามารถอ้างอิงตามตำแหน่งผ่าน $1、$2

กลุ่มที่ตั้งชื่อ (Named Group)

กลุ่มจับที่กำหนดด้วยไวยากรณ์ (?<name>pattern) สามารถอ้างอิงตามชื่อผ่าน $<name> อ่านง่ายกว่าการอ้างอิงด้วยตัวเลข

ReDoS

Regular Expression Denial of Service (ปฏิเสธบริการด้วยนิพจน์ปรกติ) เกิดจากการย้อนกลับที่เป็นอันตรายทำให้เวลาทำงานของ regex เพิ่มขึ้นแบบทวีคูณ ทำให้เบราว์เซอร์หรือเซิร์ฟเวอร์ค้าง

การย้อนกลับ (Backtracking)

กลไกของกลไก regex NFA ที่ถอยกลับไปที่ตำแหน่งก่อนหน้าเพื่อลองความเป็นไปได้อื่นเมื่อการจับคู่ล้มเหลว regex ที่ซับซ้อนอาจทำให้เกิดการย้อนกลับแบบทวีคูณ

แฟล็ก (Flags)

พารามิเตอร์ที่แก้ไขพฤติกรรมการจับคู่ regex ที่พบบ่อย ได้แก่ g(ทั้งหมด)、i(ไม่สนใจตัวพิมพ์)、m(หลายบรรทัด)、s(dotAll)、u(Unicode)、y(ติดกัน)

การมองรอบ (Lookaround)

การยืนยันความกว้างศูนย์ รวมถึงการมองข้างหน้าเชิงบวก (?=...) การมองข้างหน้าเชิงลบ (?!) การมองข้างหลังเชิงบวก (?<=...) การมองข้างหลังเชิงลบ (?<!...) เพียงกำหนดตำแหน่งแต่ไม่กินอักขระ

PCRE

Perl Compatible Regular Expressions (นิพจน์ปรกติที่เข้ากันได้กับ Perl) มาตรฐานไวยากรณ์ regex ที่ใช้กันอย่างแพร่หลาย ถูกนำไปใช้โดยภาษาส่วนใหญ่เช่น PHP、Java、Python

Web Worker

API เธรดพื้นหลังที่เบราว์เซอร์จัดให้แยกจากเธรดหลัก เครื่องมือนี้ใช้มันเพื่อรัน regex ใน Worker แม้จะเกิด ReDoS ก็จะไม่บล็อก UI

ควอนติไฟเออร์ (Quantifier)

ไวยากรณ์ที่กำหนดจำนวนครั้งของการทำซ้ำองค์ประกอบก่อนหน้า: *(0 หรือมากกว่า)、+(1 หรือมากกว่า)、?(0 หรือ 1)、{n}(พอดี n ครั้ง)、{n,m}(n ถึง m ครั้ง)

ตารางอ้างอิงด่วนอักขระเมตา regex ที่ใช้บ่อย

แม่แบบอ้างอิงด่วน Regular Expression ที่ใช้บ่อย

Code Examples

// ตรวจสอบรูปแบบอีเมล
const emailRe = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
console.log(emailRe.test('user@example.com')); // true

// แยกกลุ่มที่ตั้งชื่อ (แยกวันที่)
const dateRe = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/g;
const text = 'เวลาประชุม：2026-03-12，กำหนดส่ง：2026-04-01';
const matches = [...text.matchAll(dateRe)];
for (const m of matches) {
  console.log(m.groups.year, m.groups.month, m.groups.day);
}

// การแทนที่：แปลงรูปแบบวันที่ YYYY-MM-DD → MM/DD/YYYY
const reformatted = text.replace(dateRe, '$<month>/$<day>/$<year>');
console.log(reformatted);
// เวลาประชุม：03/12/2026，กำหนดส่ง：04/01/2026

import re

# ค้นหาผลลัพธ์การจับคู่ทั้งหมด
text = 'ติดต่อ：alice@example.com，bob@test.org'
emails = re.findall(r'[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}', text)
print(emails)  # ['alice@example.com', 'bob@test.org']

# แยกกลุ่มที่ตั้งชื่อ (Python ใช้ไวยากรณ์ ?P<name>)
date_pattern = r'(?P<year>\d{4})-(?P<month>\d{2})-(?P<day>\d{2})'
m = re.search(date_pattern, 'เผยแพร่เมื่อ 2026-03-12')
if m:
    print(m.group('year'), m.group('month'), m.group('day'))

# การแทนที่：ปกปิด 4 หลักตรงกลางเบอร์มือถือ
phone_re = r'(1[3-9]\d)\d{4}(\d{4})'
result = re.sub(phone_re, r'\1****\2', 'เบอร์มือถือ：13812345678')
print(result)  # เบอร์มือถือ：138****5678

import java.util.regex.*;

class RegexDemo {
    public static void main(String[] args) {
        String text = "Error [2026-03-12 18:05:09] Connection failed";

        // คอมไพล์ regex (สภาพแวดล้อมการผลิตควรแคชอินสแตนซ์ Pattern)
        Pattern p = Pattern.compile(
            "(?<level>INFO|WARN|ERROR)\\s+\\[(?<time>[^\\]]+)\\]\\s+(?<message>.+)"
        );
        Matcher m = p.matcher(text);

        if (m.find()) {
            System.out.println("ระดับ: " + m.group("level"));
            System.out.println("เวลา: " + m.group("time"));
            System.out.println("ข้อความ: " + m.group("message"));
        }

        // แทนที่ตัวเลขทั้งหมด
        String cleaned = "abc123def456".replaceAll("\\d+", "*");
        System.out.println(cleaned); // abc*def*
    }
}

Authoritative References

• MDNMDN: เอกสารทางการ RegExp
• Wikipediaนิพจน์ปรกติ - วิกิพีเดีย
• OWASPOWASP: คู่มือป้องกันการโจมตี ReDoS