Utilo

정규식 시각화

정규식을 레일로드 다이어그램으로 시각화하고 각 토큰을 쉬운 말로 설명합니다. 매칭을 테스트하고 JavaScript, Python, Go, Java, C#, PHP, Rust 코드를 복사할 수 있습니다.

이 리렉스 시각화 장치가 하는 일

일반 표현은 대부분의 사람들에게는 쓰기만 가능합니다. 입력하기 쉽지만 일주일 후에 읽기가 어렵습니다. 이 도구는 문법 나무로 패턴을 분석하고 3가지 방법으로 표시합니다. 철도 도표는 왼쪽에서 오른쪽으로 따라갈 수 있는 트랙으로 패턴을 그리며, 번갈이를 위한 갈래, 반복을 위한 루프, 그룹을 위한 표기된 상자를 가지고 있습니다. 모든 토큰을 통해 ** 평면 언어 설명 **가 진행됩니다 ("하나 이상의 숫자", "그룹 연도의 이름", "가래가 없습니다"). 그리고 **코드 스니펙트 **는 자바스크립트, 파이썬, GO, 자바, C#, PHP 및 러스트에서 정확한 패턴을 올바른 탈출과 함께 사용하는 방법을 보여줍니다. 실시간 테스트 문자열은 입력하는 동안 일치하는 것을 강조합니다.

사용 방법

  1. 패턴을 입력하거나 붙여넣습니다. /^\d{4}-\d{2}$/gm처럼 슬래쉬와 플래그를 포함하거나 플래그를 따로 입력할 수 있습니다.
  2. 철도 도면을 따라 패턴의 전체적인 형태를 볼 수 있습니다.
  3. 토큰별 설명은 설명 목록을 읽어보세요.
  4. 테스트 문자열을 입력하면 어떤 것이 일치하는지, 어떤 그룹이 무엇을 캡처하는지 확인할 수 있습니다.
  5. 준비된 단편을 여러분의 언어로 복사하세요.

철도 도표를 읽는 것

  • 둥근 상자는 문자 그대로의 텍스트이고, 사각형 상자는 digit 또는 one of az와 같은 문자 클래스입니다.
  • 평행 경로로 갈라지는 경로는 교차 (a|b) 이다.
  • 박스 밑으로 돌아가는 레일은 "반복"을 뜻하며, 박스를 우회하는 레일은 "선택"을 뜻합니다.
  • 줄무늬 프레임은 그룹입니다. 캡처 그룹은 번호가 있고 이름을 가진 그룹은 이름을 보여줍니다.
  • 룩어라운드는 텍스트를 소비하지 않고 검사하기 때문에 표시된 프레임으로 그려집니다.

팁

  • 속도와 명확성을 위해 \d과 문자 클래스를 더 선호합니다.
  • 게으른 정량표 (*?, +?) 는 설명에서 "가능한 만큼 적은"로 표시됩니다.
  • 패턴을 포팅할 때, GO의 RE2 엔진이 룩어라운드나 백레퍼런스를 지원하지 않는다는 것을 기억하십시오.
  • 정상적인 문자열 리터럴에서 역 슬래시를 탈출하거나, 스니펫처럼 원시 문자열 (Python에서 r"...", Go에서 백티크) 을 사용하십시오.

자주 묻는 질문

어떤 레제크스 맛이 사용되나요?

파서와 매처는 이름 그룹, 룩백 하인드 및 유니코드 속성 탈출을 u 플래그로 포함하여 자바스크립트 (ECMAScript 2024) 문법을 사용합니다.

이것은 리렉스 테스터와 어떻게 다를까요?

리렉스 테스터는 텍스트를 일치시키고 대체하는 데 초점을 맞추고 있습니다. 시각화는 패턴을 이해하고 기록하는 데 초점을 맞춘다.

다이어그램을 저장해도 될까요?

다이어그램은 SVG입니다. 오른쪽 클릭하면 이미지를 저장하거나 복사할 수 있습니다.

내 패턴이나 텍스트가 브라우저에서 나오나요?

아니, 아니 파싱, 그리기, 일치하는 것은 모두 로컬로 이루어집니다.

네. 모든 처리는 JavaScript, Web Worker, Web API를 사용해 브라우저에서 직접 이루어집니다. 입력하거나 붙여넣거나 업로드한 내용은 서버로 전송되지 않습니다.

이 페이지는 영어에서 자동 번역되었습니다. 오류를 발견하시면 알려 주세요.