JavaScript의 RegExp에서 `g`와 `i` 플래그를 결합하면 예기치 않은 결과가 생성되는 이유는 무엇입니까?

RegExp: 예상치 못한 플래그 조합의 사례

정규 표현식(RegEx)으로 작업할 때 다양한 플래그가 일치 동작에 미치는 영향을 이해하는 것이 중요합니다. 전역(g) 플래그와 대소문자를 구분하지 않는(i) 플래그를 함께 사용할 때 한 가지 혼란스러운 문제가 발생합니다.

문제:

다음 코드를 고려하세요.

var query = 'Foo B';
var re = new RegExp(query, 'gi');
var result = [];
result.push(re.test('Foo Bar'));
result.push(re.test('Foo Bar'));

예상 결과: [참, 참]

실제 결과: [true, false]

설명:

RegEx 개체의 g 플래그를 사용하면 마지막으로 찾은 인덱스에서 일치를 계속할 수 있습니다. 이는 첫 번째 일치 항목이 발견된 후 후속 테스트가 이전 일치 항목 바로 다음 문자부터 계속 검색함을 의미합니다. 패턴에 동일한 하위 문자열의 여러 인스턴스가 포함될 때 이 동작으로 인해 예상치 못한 결과가 발생할 수 있습니다.

이 예에서 초기 일치는 'Foo Bar'의 첫 번째 문자에서 발생합니다. 그러나 두 번째 테스트(g 플래그 없음)는 문자열 시작 부분부터 일치 프로세스를 다시 시작하므로 'Foo'의 다음 인스턴스에서 예상되는 일치에도 불구하고 잘못된 결과가 발생합니다.

해결 중 문제:

이 문제를 완화하려면 다음과 같이 RegEx 개체의 lastIndex 속성을 사용하여 각 테스트의 시작 인덱스를 수동으로 제어하는 ​​것이 좋습니다. 예:

var query = 'Foo B';
var re = new RegExp(query, 'gi');
console.log(re.lastIndex);

console.log(re.test('Foo Bar'));
console.log(re.lastIndex);

re.lastIndex = 0;
console.log(re.test('Foo Bar'));
console.log(re.lastIndex);

이 접근 방식을 사용하면 더 예측 가능한 일치 동작이 가능하므로 매번 전체 문자열에 대해 패턴이 평가됩니다.

위 내용은 JavaScript의 RegExp에서 `g`와 `i` 플래그를 결합하면 예기치 않은 결과가 생성되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!