개발자 도구 / 20

정규식 토큰 설명 및 패턴 분석기

JavaScript 정규식을 분석해 캡처 그룹, 문자 클래스, 수량자의 토큰 구성을 알기 쉽게 설명합니다.

정규식 토큰 설명 및 패턴 분석기: TOEA는 정규식 패턴을 개별 AST 토큰으로 분석하고 각 구성 요소를 알기 쉽게 설명합니다. 서버에 파일을 전혀 업로드하지 않고 브라우저에서 100% 로컬로 실행됩니다.

카테고리
개발자 도구
실행 횟수
브라우저에서
비용
무료 · 가입 불필요
사용 가능 여부
사용 가능
정규식 토큰 설명 및 패턴 분석기로컬 처리

브라우저에서 전부 실행됩니다

패턴 토큰 설명

토큰범주설명
/i정규식 플래그활성화된 플래그: 대소문자를 구분하지 않는 일치.
^앵커문자열 또는 줄의 시작과 일치합니다.
(그룹캡처 그룹 #1을 시작합니다.
[a-z0-9_\.-]문자 클래스문자 집합 [a-z0-9_\.-] 안의 단일 문자와 일치합니다.
+수량자앞의 토큰과 1회 이상 일치합니다(탐욕적).
)그룹캡처 그룹 또는 비캡처 그룹을 끝냅니다.
@리터럴리터럴 문자 '@'과 일치합니다.
(그룹캡처 그룹 #2을 시작합니다.
[\da-z\.-]문자 클래스문자 집합 [\da-z\.-] 안의 단일 문자와 일치합니다.
+수량자앞의 토큰과 1회 이상 일치합니다(탐욕적).
)그룹캡처 그룹 또는 비캡처 그룹을 끝냅니다.
\.문자 클래스 / 이스케이프이스케이프된 문자 '.'
(그룹캡처 그룹 #3을 시작합니다.
[a-z\.]문자 클래스문자 집합 [a-z\.] 안의 단일 문자와 일치합니다.
{2,6}수량자 범위지정된 범위 횟수 {2,6}과 일치합니다.
)그룹캡처 그룹 또는 비캡처 그룹을 끝냅니다.
$앵커문자열 또는 줄의 끝과 일치합니다.

물음표의 다양한 역할

?는 위치에 따라 의미가 달라집니다. 문자나 그룹 뒤에 오면 선택 사항으로 만듭니다. 예: colou?r. 다른 수량자 뒤에 오면 해당 수량자를 탐욕스럽지 않게 만들어 가능한 한 적게 일치시킵니다. <.+?>는 첫 번째 >에서 멈추지만 <.+>는 줄의 마지막 >까지 진행합니다. 그룹의 시작에 오면 특수 구문을 도입합니다. (?:…)는 캡처하지 않고 그룹화하고, (?=…)와 (?!…)는 전방 탐색을 수행하며, (?<name>…)은 그룹에 이름을 지정합니다. ?는 바로 앞에 있는 요소와 함께 해석하십시오.

축약 클래스는 ASCII만 지원합니다

JavaScript에서 \d는 0–9만 일치시키고, \w는 악센트가 없는 라틴 문자, 숫자, 밑줄만 일치시킵니다. 따라서 \w+는 café에서 caf만 찾고, \b는 악센트가 있는 문자를 단어 경계로 처리합니다. 다른 언어의 텍스트에는 u 플래그와 함께 [\p{L}\p{N}_]+와 같은 유니코드 속성 클래스를 사용하십시오. 정규식 테스터에서 실제 샘플 텍스트에 수정한 패턴을 적용해 보십시오.

패턴과 문자열에서 이스케이프하기

14개 문자는 특수한 의미가 있으므로 그대로 일치시키려면 백슬래시가 필요합니다: . * + ? ^ $ { } ( ) | [ ] \. 여기에 /…/ 리터럴 내부의 /도 포함됩니다. new RegExp를 사용하여 문자열에서 만든 패턴은 모든 백슬래시를 두 번 작성해야 하므로 \d+는 "\\d+"가 됩니다. 리터럴로는 작동하지만 문자열에서는 작동하지 않는 패턴은 대개 변환 과정에서 백슬래시가 사라진 경우입니다.

사용 방법

  1. JavaScript 정규식을 입력하거나 붙여넣습니다(예: /^[a-z0-9]+$/i).
  2. 정규식 설명을 클릭합니다.
  3. 앵커, 문자 클래스, 그룹, 플래그를 설명하는 분석 표를 확인합니다.

개인정보 보호 및 제한사항

정규식 분석과 설명은 브라우저 내부에서만 실행됩니다.

관련 도구

자주 묻는 질문

어떤 정규식 기능을 설명합니까?

앵커(^, $), 문자 클래스(d, w, s, [a-z]), 수량자(*, +, ?, {m,n}), 캡처 그룹, 플래그를 설명합니다.

정규식 구문도 검증합니까?

예. 구문 오류를 즉시 감지하고 표시합니다.

무료 도구 · 브라우저에서회 실행 · 계정 불필요