이 게시물은 JavaScript의 RegExp에서 '\d' 메타문자의 작동을 설명합니다.
'd' 메타문자는 JavaScript의 RegExp에서 무엇을 합니까?
“ \디 ” 메타문자는 단일 숫자 값에서 작동합니다. 여러 자릿수일 경우 한 자릿수를 모두 일치시켜 전체 값을 쉼표(,)로 구분하여 자동으로 표시합니다.
구문(기본)
/ \디 /
위 구문에서:
- /(슬래시) : 정규식의 경계를 지정하며 /[\d]/와 동일합니다.
- \(백슬래시) : 백슬래시를 이스케이프하고 다음에 언급된 문자를 메타 문자로 처리합니다.
- 디 : '의 숫자와 일치합니다. 0-9 '.
구문(수정자 포함)
/ \디 / [ g , 나 , 중 ] 또는 새로운 정규식 ( ' \\ 디' , '[g,i,m' )
위에 주어진 구문에서:
- g(글로벌) : 전역적으로 검색하여 모든 일치 항목을 찾습니다. 첫 번째 경기 후에 멈추지 않습니다.
- i(대소문자 구분) : 대소문자 구분을 무시합니다.
- m(배수) : 여러 줄 검색을 지정하며 “^(문자열 시작)” 및 “$(문자열 끝)”에서만 제한됩니다.
구문(RegExp() 생성자 사용)
'\d' 메타 문자는 'RegExp()' 생성자를 사용하여 RegExp 개체로 사용할 수도 있습니다.
새로운 정규식 ( ' \\ 디' )
이 구문에서:
- 새로운 : 생성자 함수에서 객체를 생성하는 연산자 또는 키워드를 나타냅니다.
- 정규식() : '를 지원하는 생성자를 나타냅니다. \\디 ” 첫 번째 매개변수/인수 형식의 메타문자.
예 1: 수정자 구문(/\d/g)을 기반으로 문자열에서 숫자 찾기에 'd' 메타 문자 적용
이 예에서 ' /\디 ” 메타문자는 “ g(글로벌) ” 수정자는 문자열의 숫자와 일치합니다.
HTML 코드
다음 HTML 코드를 살펴보겠습니다.
< 피 > 끈 : Linuxhint12345 피 >
< 버튼 ondblclick = '찾다()' > 더블 클릭 단추 >
< 아이디 = '찾다' > 피 >
위의 HTML 코드에서:
- “ ” 태그는 첫 번째 부제를 정의하기 위해 지정됩니다.
- “ ” 태그는 문자열을 표시할 단락을 만듭니다.
- “ <버튼> ” 태그는 “ ondblclick ” 함수로 리디렉션되는 이벤트 “ 찾다() ” 버튼을 두 번 클릭하면 트리거됩니다.
- 그 후, “ '는 ID가 할당된 두 번째 빈 단락을 나타냅니다. 찾다 ”를 누르면 검색된 숫자가 표시됩니다.
자바스크립트 코드
이제 JavaScript 코드로 이동하겠습니다.
기능 찾다 ( ) {
~였다 str = 'Linuxhint12345' ;
~였다 무늬 = /\d/g ;
~였다 결과 = str. 성냥 ( 무늬 ) ;
문서. getElementById ( '찾다' ) . innerHTML = 결과 ;
}
스크립트 >
위의 JavaScript 코드에서:
- '라는 함수를 정의합니다. 찾다() '.
- 정의에서 숫자를 포함하는 명시된 문자열 변수를 초기화합니다.
- 다음 단계에서 변수 ' 무늬 '는 메타문자 '의 구문을 정의합니다. \디 ” 추가로 “ g ” 전역 검색 플래그/수정자는 초기화된 문자열에서 전역적으로 숫자를 찾습니다.
- 이제 '를 적용하십시오. 성냥() ” 메서드를 사용하여 논의된 메타문자의 도움으로 문자열의 숫자를 일치시킵니다.
- 마지막으로 “ document.getElementById() ” 메서드는 ID를 통해 단락에 액세스합니다. 찾다 ”를 눌러 검색된 숫자를 추가하여 표시합니다.
산출
출력에는 검색된 ' 숫자 ” 버튼을 두 번 클릭하면 제공된 문자열에서 그에 따라.
예 2: 'd' 메타문자를 적용하여 'RegExp() 생성자' 구문을 기반으로 문자열에서 숫자 찾기
“ 새로운 RegExp('\\W', 'g') ” 구문을 사용하여 숫자를 찾을 수도 있습니다. '/\d\g' 구문에서와 동일한 출력을 반환합니다. JavaScript 코드에서 어떻게 사용할 수 있는지 봅시다.
메모 : HTML 코드는 예제 1과 동일합니다.
자바스크립트 코드
다음 JavaScript 코드를 살펴보겠습니다.
기능 찾다 ( ) {
~였다 str = 'Linuxhint12345' ;
~였다 무늬 = 새로운 정규식 ( ' \\ 디' , 'g' ) ;
~였다 결과 = str. 성냥 ( 무늬 ) ;
문서. getElementById ( '찾다' ) . innerHTML = 결과 ;
}
스크립트 >
위의 코드 행에서 ' 무늬 ' 변수는 'new RegExp('\\d', 'g')' 구문을 지정하여 버튼을 두 번 클릭할 때 전역적으로 초기화된 문자열에서 숫자를 찾아 반환합니다.
산출
분석한 바와 같이 이 경우에도 결과는 동일합니다.
결론
자바스크립트에서 내장된 ' \디 ” 메타문자는 “ 사이의 숫자를 찾는 데 유용합니다. 0-9 '. 기본적으로 전체 문자열에서 검색을 완료하지 않고 첫 번째 숫자 일치에서 중지합니다. 이를 위해 “ g(글로벌) ” 수식어를 함께 사용하여 검색을 적절하게 완료할 수 있습니다. 이 블로그는 JavaScript의 RegExp에서 'd' 메타문자에 대한 자세한 데모를 제공했습니다.