JavaScript에서 대소문자를 구분하지 않는 정규식 일치 수행

URL 작업 시 쿼리 문자열에서 데이터를 추출해야 하는 경우가 많습니다. JavaScript에서는 정규식을 사용하여 추출을 수행하는 것이 간단할 수 있지만 대소문자를 구분하지 않는 것이 어려울 수 있습니다.

이 게시물에서는 대소문자를 구분하는 비교가 일관되지 않은 결과로 이어질 수 있는 일반적인 문제를 살펴봅니다. 다음 코드 조각을 고려해 보겠습니다.

var results = new RegExp('[\\?&]'   name   '=([^&#]*)').exec(window.location.href);
if (!results) { return 0; }
return results[1] || 0;

이 코드는 현재 URL에서 'name'이라는 쿼리 문자열 매개변수의 값을 추출하기 위한 것입니다. 그러나 쿼리 문자열 이름에 대해서는 대소문자를 구분하지 않는 비교를 수행하지 않으므로 이름에 다른 대소문자를 입력하면 예기치 않은 동작이 발생할 수 있습니다.

이 문제를 해결하려면 'i'를 활용할 수 있습니다. 비교에서 대소문자를 구분하지 않도록 정규식의 수정자를 사용합니다. 이 수정자는 아래와 같이 정규식의 마지막 슬래시 바로 뒤에 추가해야 합니다.

var results = new RegExp('[\\?&]'   name   '=([^&#]*)', 'i').exec(window.location.href);

'i' 수정자를 포함하면 정규식은 이제 쿼리 문자열 이름의 대소문자를 무시하여 다음을 보장합니다. 입력의 대소문자에 관계없이 비교가 성공합니다.