> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 향상 튜토리얼 - RegExp 객체

JavaScript 향상 튜토리얼 - RegExp 객체

黄舟
풀어 주다: 2017-01-21 15:56:30
원래의
1210명이 탐색했습니다.

이 글은 H5EDU 조직의 공식 HTML5 교육 튜토리얼입니다. 주로 다음 내용을 소개합니다: JavaScript 향상 튜토리얼 - RegExp 객체

RegExp 객체는 텍스트에서 검색할 콘텐츠를 지정하는 데 사용됩니다.

RegExp란 무엇입니까?

RegExp는 정규 표현식의 약어입니다.

일부 텍스트를 검색할 때 패턴을 사용하여 검색하려는 내용을 설명할 수 있습니다. RegExp는 이 패턴입니다.

단순한 패턴은 단일 문자가 될 수 있습니다.

더 복잡한 패턴에는 더 많은 문자가 포함되며 구문 분석, 형식 확인, 교체 등에 사용될 수 있습니다.

문자열 내 검색 위치, 검색할 문자 유형 등을 지정할 수 있습니다.

정의 RegExp

RegExp 개체는 검색 패턴을 저장하는 데 사용됩니다.

RegExp 개체를 정의하려면 new 키워드를 사용하세요. 다음 코드는 패턴이 "e"인 patt1이라는 RegExp 개체를 정의합니다. var patt1=new RegExp("e"); 이 RegExp 개체를 사용하여 문자열 내에서 검색하면 문자 "e" "를 찾습니다.

RegExp 개체의 메서드

RegExp 개체에는 test(), exec() 및 compile()의 세 가지 메서드가 있습니다.

test()

test() 메서드는 문자열에서 지정된 값을 검색합니다. 반환 값은 true 또는 false입니다.

예:

var patt1=new RegExp("e"); document.write(patt1.test("The best things in life are free"));
로그인 후 복사

이 문자열에 문자 "e"가 있으므로 위 코드의 출력은 다음과 같습니다.

true
로그인 후 복사


exec()

exec() 메소드는 문자열에서 지정된 값을 검색합니다. 반환 값은 찾은 값입니다. 일치하는 항목이 없으면 null이 반환됩니다.

예 1:

var patt1=new RegExp("e"); document.write(patt1.exec("The best things in life are free"));
로그인 후 복사

이 문자열에 문자 "e"가 있으므로 위 코드의 출력은 다음과 같습니다. e

예 2:

RegExp 개체에 두 번째 매개변수를 추가하여 검색을 설정할 수 있습니다. 예를 들어, 특정 문자의 모든 항목을 찾아야 하는 경우 "g" 매개변수("global")를 사용할 수 있습니다.

검색 패턴을 수정하는 방법에 대한 전체 정보를 보려면 RegExp 개체 참조 매뉴얼을 방문하세요.

"g" 매개변수를 사용하는 경우 exec()는 다음과 같이 작동합니다.

첫 번째 "e"를 찾아 해당 위치를 저장합니다.
exec()를 다시 실행하면 시작됩니다. 저장된 위치에서 검색하고 다음 "e"를 찾아 해당 위치를 저장합니다

var patt1=new RegExp("e","g"); do { result=patt1.exec("The best things in life are free"); document.write(result); } while (result!=null)
로그인 후 복사

이 문자열에 6개의 "e" 문자가 있으므로 코드 출력은 다음과 같습니다.

eeeeeenull
로그인 후 복사


compile()

compile() 메소드는 RegExp를 변경하는 데 사용됩니다.

compile()은 검색 모드를 변경할 수 있을 뿐만 아니라 두 번째 매개변수를 추가하거나 제거할 수도 있습니다.

예:

var patt1=new RegExp("e"); 
document.write(patt1.test("The best things in life are free")); 
patt1.compile("d"); 
document.write(patt1.test("The best things in life are free"));
로그인 후 복사

문자열에 "e"가 있지만 "d"는 없으므로 위 코드의 출력은 다음과 같습니다. truefalse
JS 향상 튜토리얼에 들어가려면 클릭하세요

위는 JavaScript 향상 튜토리얼 - RegExp 객체의 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!


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