이 게시물은 JavaScript의 RegExp에서 '\b' 메타문자의 목적, 사용법 및 작동을 설명합니다.
'\b' 메타문자는 JavaScript의 RegExp에서 무엇을 합니까?
“ \비 ” JavaScript의 메타문자는 패턴 위치, 즉 이전과 이후에 의존합니다. 시작 위치에서 패턴을 찾으려면 '\b' 메타 문자 뒤에 지정하고 끝 위치는 '\b' 앞에 씁니다.
구문(기본)
/ \비 /'\d'의 기본 구문에는 다음이 포함됩니다.
- /(슬래시): 정규식의 경계를 지정하며 /[\d]/와 동일합니다.
- \(백슬래시): 백슬래시를 이스케이프하고 다음에 언급된 문자를 메타 문자로 처리합니다.
- 디: 입력 문자열의 시작 또는 끝에 있는 패턴과 일치합니다.
구문(수정자 포함)
/ \비 / [ g,i,m ] 또는 새로운 정규식 ( ' \\ 비' , '[g,i,m' )이 구문에서:
- g(글로벌): 전역적으로 검색하여 모든 일치 항목을 찾습니다. 첫 번째 경기 후에 멈추지 않습니다.
- i(대소문자 구분 안 함): 대소문자 구분을 무시합니다.
- m(다중): 여러 줄 검색을 지정하며 '^(문자열 시작)' 및 '$(문자열 끝)'에서만 제한됩니다.
구문(RegExp() 생성자 사용)
'\b' 메타문자는 ' 정규식() ” 생성자:
새로운 정규식 ( ' \\ 비' )
위 구문에서:
- 새로운: 생성자에서 개체를 만드는 연산자 또는 키워드를 나타냅니다.
- 정규식(): '에서 작동하는 생성자를 나타냅니다. \\비 ” 첫 번째 매개변수/인수 형식의 메타문자.
예제 1: Modifier Syntax(/\b/g) 기반 시작 위치에서 특정 패턴 검색을 위해 '\b' 메타문자 적용
이 예는 ' \비 ”의 추가 지원이 포함된 메타문자 g(글로벌) ” 한정자는 지정된 문자열의 시작 부분에서 지정된 패턴을 전역적으로 검색합니다.
HTML 코드
먼저 다음 HTML 코드를 살펴보십시오.
< h2 > RegExp \b 메타문자를 사용한 검색 패턴 h2 >< 피 > 끈 : Linuxhint 웹사이트에 오신 것을 환영합니다 피 >
< 버튼 클릭 = '찾다()' > 클릭하세요 ! 단추 >
< 아이디 = '견본' > 피 >
위의 코드에서:
- “ ” 태그는 첫 번째 부제목을 정의합니다.
- 다음 단계에서 ' ” 태그는 명시된 문자열을 지정하는 단락을 생성합니다.
- “ <버튼> ” 태그는 “ ondblclick ” 함수로 리디렉션되는 이벤트 “ 찾다() ” 버튼을 두 번 클릭하면 트리거됩니다.
- 그 후, “ '는 ID가 할당된 두 번째 빈 단락을 나타냅니다. 견본 ”를 누르면 검색된 패턴이 표시됩니다.
자바스크립트 코드
다음으로 다음 JavaScript 코드를 고려하십시오.
< 스크립트 >기능 검색 ( ) {
라임 str = 'Linuxhint 웹사이트에 오신 것을 환영합니다' ;
텍스트였다 = / \이 되다 / g ;
모든 경기 = str. 성냥 ( 텍스트 ) ;
문서. getElementById ( '견본' ) . innerHTML = '총 ' + 성냥. 길이 + ' 주어진 문자열에서 찾은 일치 항목:' + 성냥 ;
}
스크립트 >
위의 코드 줄에서:
- 먼저 '라는 함수를 정의합니다. 찾다() '.
- 함수 정의에서 변수 ' str ' 데이터 유형 ' ~였다 ”는 큰따옴표로 묶인 명시된 문자열을 저장하는 것으로 선언됩니다.
- 두 번째 변수 ' 텍스트 '는 '의 구문을 정의합니다. \비 ” 메타문자와 “ 저것 ” 패턴과 “ g ” 글로벌 검색 플래그/수정자. 그것은 '를 찾을 것입니다. 저것 ” 패턴은 지정된 문자열에 있는 각 단어의 시작 부분에 있습니다.
- 그런 다음 ' 성냥() ” 메서드를 사용하여 문자열의 “/\bLi/g” 값을 사용하여 “Li” 패턴을 일치시킵니다.
- 결국 “ document.getElementById() ” 메서드는 id “sample”을 통해 단락을 가져와 지정된 단어, 즉 “Li”와 길이 ' 재산.
산출
출력은 ' 1(어떤) ” 지정된 문자열에서 일치 항목을 찾았습니다.
예제 2: Modifier Syntax(/\b/g) 기반 끝 위치에서 특정 패턴 검색에 '\b' 메타문자 적용
문자열 끝에서 특정 패턴을 찾으려면 다음과 같이 구문에서 '\b'를 배치하기 전에 지정하십시오. /패턴\b/g '. 이 점을 염두에 두고 ' 우리 ” 패턴은 입력 문자열 끝에 있습니다.
HTML 코드는 예제 1과 동일하므로 JavaScript 코드로 이동합니다.
자바스크립트 코드
수정된 JavaScript 코드는 다음과 같이 작성됩니다.
< 스크립트 >기능 검색 ( ) {
라임 str = 'LinuxhintWe 웹사이트에 오신 것을 환영합니다' ;
텍스트였다 = / 편물 / g ;
모든 경기 = str. 성냥 ( 텍스트 ) ;
문서. getElementById ( '견본' ) . innerHTML = '총 ' + 성냥. 길이 + ' 주어진 문자열에서 찾은 일치 항목: ' + 성냥 ;
스크립트 >
위의 코드 블록에서 ' /우리 ' 패턴은 ' 시작 부분에 지정됩니다. \비 ” 메타문자를 “ g(글로벌) ” 논의된 “match()” 메서드를 통해 지정된 문자열에서 검색합니다.
산출
출력에 ' 2 ” 일치하는 “ 우리 ”는 버튼 더블 클릭 시 주어진 입력 문자열의 끝에서 찾을 수 있습니다.
결론
JavaScript RegExp는 ' \비 ” 문자열의 시작과 끝에서 지정된 패턴과 일치하도록 단어 경계를 설정하는 메타 문자. 다른 메타문자와 마찬가지로 첫 번째 일치에서 멈추고 해당 값을 반환합니다. 문자열을 완전히 검색하려면 추가로 ' g(글로벌) ” 수식어. 이 게시물은 JavaScript의 RegExp에서 '\b' 메타문자의 작동에 대한 간략한 설명을 제공했습니다.