>  기사  >  웹 프론트엔드  >  JavaScript 정규식 일치 항목에서 대소문자를 구분하지 않게 만드는 방법은 무엇입니까?

JavaScript 정규식 일치 항목에서 대소문자를 구분하지 않게 만드는 방법은 무엇입니까?

Barbara Streisand
Barbara Streisand원래의
2024-11-01 14:52:02193검색

How to Make Your JavaScript Regex Matches Case-Insensitive?

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' 수정자를 포함하면 이제 정규식에서 쿼리 문자열 이름의 대/소문자를 무시합니다. , 입력의 대소문자에 관계없이 비교가 성공하도록 보장합니다.

위 내용은 JavaScript 정규식 일치 항목에서 대소문자를 구분하지 않게 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:React의 구성 요소다음 기사:React의 구성 요소