> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 정규식에서 캡처 그룹에 어떻게 액세스합니까?

JavaScript 정규식에서 캡처 그룹에 어떻게 액세스합니까?

Susan Sarandon
풀어 주다: 2025-01-03 01:56:39
원래의
785명이 탐색했습니다.

How Do I Access Capture Groups in JavaScript Regular Expressions?

JavaScript 정규 표현식 그룹에 액세스하는 방법

JavaScript의 정규 표현식은 문자열 내의 패턴을 일치시키고 추출하는 강력한 메커니즘을 제공합니다. 정규 표현식에 괄호로 묶인 하위 표현식이 포함되어 있으면 캡처 그룹을 생성할 수 있습니다. 이러한 그룹에 액세스하여 일치하는 해당 하위 문자열을 검색할 수 있습니다.

캡처 그룹 액세스

일치하는 캡처 그룹은 exec() 메서드를 사용하여 액세스할 수 있습니다. 이 메서드는 각 요소가 정규식 내의 캡처 그룹에 해당하는 배열을 반환합니다. 배열의 첫 번째 요소는 일치하는 전체 문자열을 나타내고, 후속 요소는 각 캡처 그룹에 대해 일치하는 하위 문자열을 나타냅니다.

다음 코드를 고려하세요.

var myString = "something format_abc";
var regex = /(?:^|\s)format_(.*?)(?:\s|$)/;
var matches = regex.exec(myString);
로그인 후 복사

이 예에서 정규식은 myString 내의 하위 문자열 "format_abc"와 일치합니다. exec() 메서드는 세 가지 요소가 있는 배열을 반환합니다.

  • matches[0]는 "format_abc"입니다.
  • matches[1]는 "abc"입니다(괄호 안의 하위 문자열). ).
  • matches[2]는 정의되지 않았습니다(일반 모드에는 캡처 그룹이 2개만 있으므로). 식).

일반적인 함정

어레이 인덱스: 원하는 캡처 그룹에 액세스하려면 올바른 배열 인덱스를 사용하는지 확인하세요. match[0]은 항상 일치하는 전체 문자열을 나타내고 다른 인덱스는 캡처 그룹에 해당합니다.

특수 문자: 캡처 그룹에는 특수 문자가 포함될 수 있습니다. 캡처된 하위 문자열을 로깅하거나 조작할 때 이러한 문자와 해당 문자가 다른 코드에 미칠 수 있는 영향에 유의하세요.

String.prototype.matchAll 메서드(ES2020)

고급 시나리오의 경우 String. 프로토타입.matchAll 메소드는 문자열 내의 모든 일치 항목을 반복하는 편리한 방법을 제공합니다. 각 일치 항목과 해당 캡처 그룹에 액세스하기 위해 for-of 루프와 함께 사용할 수 있는 반복자를 반환합니다.

결론

JavaScript 정규 표현식에서 캡처 그룹에 액세스하는 방법을 이해하면 다음을 효과적으로 수행할 수 있습니다. 문자열의 특정 부분을 추출하고 조작합니다. 잠재적인 함정을 피하려면 배열 인덱스와 특수 문자를 고려해야 합니다. String.prototype.matchAll 메소드는 최신 JavaScript 버전에서 여러 일치 항목을 처리하는 보다 포괄적인 방법을 제공합니다.

위 내용은 JavaScript 정규식에서 캡처 그룹에 어떻게 액세스합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿