집 >웹 프론트엔드 >JS 튜토리얼 >js 정규 표현식의 test(), exec() 및 match() 차이점 비교(예제 포함)

js 정규 표현식의 test(), exec() 및 match() 차이점 비교(예제 포함)

不言원래의: 2018-08-20 15:11:483620검색

이 기사는 js 정규식의 test(), exec() 및 match()의 차이점과 비교를 제공합니다(예제 포함). 이는 특정 참조 값이 있으며 도움이 필요한 친구들이 참조할 수 있기를 바랍니다.

1. 정규식은 일반적으로

두 가지 문자열 메서드: search(), replacement()

두 가지 정규식 메서드: test(), exec()

search() 메서드: 정규식을 사용합니다. 인수로 사용하고 일치하는 첫 번째 하위 문자열의 시작 위치를 반환합니다. 일치하는 하위 문자열이 없으면 -1을 반환합니다.

replace() 메소드: 검색 및 대체 작업을 수행합니다. 첫 번째 매개변수는 정규식이고 두 번째 매개변수는 대체할 문자열 또는 클로저입니다.

test() 메서드: 는 문자열이 특정 패턴과 일치하는지 감지하는 데 사용됩니다. 문자열에 일치하는 텍스트가 포함되어 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

exec() 메서드: 는 문자열에서 정규식 일치 항목을 검색하는 데 사용됩니다. 이 함수는 일치하는 결과가 포함된 배열을 반환합니다. 일치하는 항목이 없으면 반환 값은 null입니다.

match() 메소드: 유일한 매개변수는 정규식입니다. 정규식에 플래그 g가 포함되어 있으면 해당 반환 값에는 배열에 나타나는 문자열이 포함됩니다. 경기의. 정규식에 g 플래그가 없으면 첫 번째 요소가 일치하는 문자열이고 나머지 요소가 정규식의 개별 그룹인 배열도 반환됩니다. 참고: 전역 검색 모드에서 match()는 하위 표현식과 일치하는 텍스트에 대한 정보를 제공하지 않으며 일치하는 각 하위 문자열의 위치를 선언하지도 않습니다. 전역적으로 검색된 정보가 필요한 경우 RegExp.exec()를 사용할 수 있습니다.

split() 메서드: 패턴 일치를 지원할 수 있습니다.

2. RegExp 개체는 패턴 일치를 위한 두 가지 메서드, 즉 exec()와 test()

1을 정의합니다. RegExp의 exec() 메서드는 String의 match() 메서드와 매우 유사합니다. 문자열에 대해 정규식 일치를 수행합니다. 일치하는 항목이 없으면 null을 반환하고, 그렇지 않으면 배열을 반환합니다. 이 배열의 첫 번째 요소에는 정규식과 일치하는 문자열이 포함되고 나머지 요소에는 다음이 포함됩니다. 일치하는 그룹. 또한 정규식 개체의 index 속성에는 일치가 발생한 문자열의 위치도 포함되며, 입력 속성은 검색된 문자열을 참조합니다.
정규식에 g 플래그가 있는 경우 객체의 lastIndex 속성을 일치하는 문자열 바로 다음 위치로 설정하고 검색을 시작합니다. exec()가 일치하는 항목을 찾지 못하면 lastIndex 속성을 0으로 재설정합니다. 이 특수 동작을 사용하면 exec()를 반복적으로 호출하여 문자열의 모든 정규식 일치 항목을 반복할 수 있습니다.

2. RegExp 개체의 test() 매개변수는 문자열입니다. 이 문자열에 정규 표현식과 일치하는 항목이 포함되어 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
g 플래그가 있는 정규 표현식이 test() 메서드를 호출할 때 , 이는 exec()와 동일하게 동작합니다. 즉, lastIndex에서 시작하는 특정 문자열을 검색하고 일치하는 항목을 찾으면 lastIndex를 해당 일치 항목 바로 다음 문자 위치로 설정하므로 테스트 메소드를 사용할 수 있습니다. ()는 문자열을 순회하는 데 사용됩니다.

test

test는 해당 문자열에 패턴이 존재하는지 확인하기 위해 부울을 반환합니다.

var str = "1a1b1c";
var reg = new RegExp("1.", "");
alert(reg.test(str)); // true

exec

exec는 현재 일치하는 결과를 찾아서 배열로 반환합니다.

var str = "1a1b1c";
var reg = new RegExp("1.", "");
var arr = reg.exec(str);

패턴이 없으면 arr은 null이고, 그렇지 않으면 arr은 항상 값이 현재 일치하는 길이 1의 배열입니다. arr에는 세 가지 속성도 있습니다. index는 현재 일치 항목의 위치이고 lastIndex는 현재 일치 항목의 끝 위치입니다(인덱스 + 현재 일치 항목의 길이). 위의 예에서 입력은 str입니다.

exec 메소드는 매개변수 g의 영향을 받습니다. g를 지정하면 다음에 exec가 호출될 때 마지막으로 일치하는 lastIndex부터 검색이 시작됩니다.

var str = "1a1b1c";
var reg = new RegExp("1.", "");
alert(reg.exec(str)[0]);
alert(reg.exec(str)[0]);

위 출력은 모두 1a입니다. 이제 지정된 매개변수 g를 살펴보세요.

var str = "1a1b1c";
var reg = new RegExp("1.", "g");
alert(reg.exec(str)[0]);
alert(reg.exec(str)[0]);

위의 첫 번째 매개변수는 1a를 출력하고 두 번째 매개변수는 1b를 출력합니다.

match

hjvar str = "1a1b1c";
var reg = new RegExp("1.", "");
alert(str.match(reg));

e 메소드는 exec와 약간 비슷하지만 exec는 RegExp 객체의 메소드입니다. math는 String 객체의 메소드입니다. 둘 사이에는 또 다른 차이점이 있는데, 이는 e 매개변수 g의 해석입니다.

매개변수 g를 지정하면 match는 모든 결과를 한 번에 반환합니다.

var str = "1a1b1c";
var reg = new RegExp("1.", "g");
alert(str.match(reg));
//alert(str.match(reg)); // 此句同上句的结果是一样的

이 결과는 1a, 1b, 1c의 세 가지 요소로 구성된 배열입니다.

compile 메소드는 정규식을 내부 형식으로 컴파일하므로 실행 속도가 빨라집니다.

var reg = new RegExp();
reg.compile("[a-z]{5}", "g");
alert(reg.test("cftea"));

동일한 정규 표현식을 여러 번 사용할 때(예: 루프에서) 효과는 상당합니다.

js 정규 표현식의 test(), exec() 및 match() 차이점 비교(예제 포함)

관련 기사