> 웹 프론트엔드 > JS 튜토리얼 > 기본 JavaScript 정규식 예제

기본 JavaScript 정규식 예제

Joseph Gordon-Levitt
풀어 주다: 2025-02-27 01:13:09
원래의
110명이 탐색했습니다.

기본 JavaScript 정규식 예제 기본 JavaScript 정규 표현식 예제에 대한 빠른 게시물을 썼습니다. 초보자에게 jQuery/JavaScript에서 Regex를 사용하는 힘의 맛을 제공합니다.

예 : 가격을 추출하고 싶거나 가격 데이터 세트에서 정수 또는 부유물 일 수 있습니다. 데이터 세트 : REGEX 패턴 :
<span>.99
</span>
<span>.00
</span>etc<span>...</span>
로그인 후 복사
Firefox 추가 기능 : 일반 표현식 테스터와 같은 정규 표현 도구를 사용할 수 있습니다.
<span>/[(0-9)+.?(0-9)*]+</span>
로그인 후 복사
도구에서 볼 수 있듯이 일치하는 표현식은 노란색으로 강조 표시됩니다. 기본 JavaScript 정규식 예제 이제 .test (), match () 및 exec ()를 사용하여 몇 가지 기본 JS 테스트를 수행하면 이것이 우리가 얻는 것입니다.
<span>var price = '.99';
</span><span>var priceRegex = <span>/<span><span>[(0<span>-9</span>)+.?(0<span>-9</span>)*]</span>+</span>/igm</span>;
</span>
<span>console.log(priceRegex.test(price));
</span><span>console.log(price.match(priceRegex));
</span><span>console.dir(priceRegex.exec(price));</span>
로그인 후 복사
exec () 함수는 인덱스 0에서 결과입니다 가격 추출을위한 전체 코드를 우리에게 일치시킵니다. 기본 JavaScript 정규식 예제 이것은 매우 기본적인 예일 뿐이지 만 JavaScript에서 Regex를 사용하는 방법을 맛볼 수 있어야합니다. 의견을 환영합니다. 기본 JavaScript 정규 표현식
<span>var price = '.99';
</span><span>var priceRegex = <span>/<span><span>[(0<span>-9</span>)+.?(0<span>-9</span>)*]</span>+</span>/igm</span>;
</span>
<span>var price = parseFloat(priceRegex.exec(price));
</span><span>console.log(price);
</span><span>//output: 55.99</span>
로그인 후 복사
에 대한 자주 묻는 질문 JavaScript에서 정규 표현식이란 무엇입니까?

정규 표현식은 종종 정규식으로 단축되며 검색 패턴을 형성하는 일련의 문자입니다. 이 패턴은 텍스트 내 문자열 일치에 사용할 수 있습니다. JavaScript에서 일반 표현식은 문자 구문 또는 생성자를 사용하는 두 가지 방식으로 정의 할 수있는 객체입니다. 문자 구문은 슬래시 내에 동봉되며 생성자 구문은 새로운 키워드를 사용합니다. 정규 표현식은 특정 검색 패턴의 하나 이상의 일치를 검색하여 텍스트에서 정보를 추출하는 데 매우 유용합니다.

JavaScript에서 양식 검증을 위해 일반 표현식을 어떻게 사용할 수 있습니까?

정규 표현식 폼의 사용자 입력을 검증하는 데 사용할 수 있습니다. 예를 들어, Regex를 사용하여 이메일 주소, 전화 번호 및 기타 유형의 데이터를 검증 할 수 있습니다. 패턴에 대한 문자열을 검색하고 결과에 따라 True 또는 False를 반환하는 Test () 메소드를 사용할 수 있습니다. 패턴이 발견되면 test ()가 true를 반환합니다. 그렇지 않으면 거짓을 반환합니다. 이것은 양식 제출 또는 표시 오류 메시지를 조건부로 처리하는 데 사용될 수 있습니다.

정규 표현식을 사용하여 문자열의 패턴과 일치하는 방법은 무엇입니까?

정규식은 다양한 방법과 함께 패턴을 일치시키기 위해 사용될 수 있습니다. 문자열. match () 메소드는 정규식에 대한 매치를 위해 문자열을 검색하고 배열 객체로 일치를 반환하는 방법 중 하나입니다. 일치가 발견되지 않으면 NULL을 반환합니다. Search () 메소드는 문자열에서 일치를 테스트하고 일치의 인덱스를 반환하는 또 다른 방법입니다. 정규 표현식을 사용하여 문자열의 일부를 대체 할 수 있습니까?

javaScript의 replace () 메소드는 정규 표현식과 함께 사용하여 문자열의 일부를 대체 할 수 있습니다. 이 메소드는 지정된 값 또는 정규 표현식에 대한 문자열을 검색하고 지정된 값을 대체하는 새 문자열을 반환합니다. 각 일치마다 호출 할 대체 문자열 또는 함수를 지정할 수 있습니다.

정규 표현식을 사용하여 문자열을 배열로 분할하려면 JavaScript의 Split () 메소드가 어떻게 될 수 있습니까? 정규 표현식과 함께 사용하여 문자열을 일련의 하위 문자열로 분할하십시오. 이 방법은 문자열을 지정된 분리기 문자열 또는 정규 표현식을 사용하여 문자열을 하위 문자열로 분리하여 문자열 객체를 문자열 배열로 나누어 각 분할을 할 위치를 결정합니다.

일반 표현식의 특수 문자는 무엇입니까? 사용할 수 있습니까?

정규식은 특정 특수 문자를 사용하여 특정 조건을 나타냅니다. 예를 들어, BackSlash ()는 특수 문자를 탈출하는 데 사용되며 Caret (^)은 선의 시작을 나타내는 데 사용되며 달러 표시 ($)는 선의 끝을 나타내는 데 사용됩니다 (**. )는 이전 문자 0 이상과 일치하는 데 사용됩니다. 이러한 특수 문자를 이해하면보다 복잡하고 정확한 검색 패턴을 만드는 데 도움이 될 수 있습니다.

가격 입력을 검증하기 위해 정규 표현식을 만들 수 있습니까?

가격 입력을 검증하려면 가격 입력을 확인하면 가격의 형식과 일치하는 정규 표현. 예를 들어, REGEX /^(d* .do.d {2} |d) $ /를 사용하여 정확히 두 자리 자리 또는 전체 숫자와 숫자를 일치시킬 수 있습니다. 이것은 가격 입력을 검증하기 위해 Test () 메소드와 함께 사용될 수 있습니다.

정규 표현식을 사용하여 가격 입력을 제어하는 ​​방법

정규 표현식을 사용하여 형식을 제어 할 수 있습니다. 가격 입력. 예를 들어, Regex를 사용하여 입력이 정확히 두 자리 자리가있는 숫자인지 확인할 수 있습니다. replace () 메소드를 Regex와 함께 사용하여 숫자가 아닌 문자 또는 여분의 소수점 자리를 교체 할 수 있습니다.

정규 표현식을 어떻게 테스트 할 수 있습니까?

사용 가능한 몇 가지 온라인 도구가 있습니다. 정규 표현식을 테스트 할 수 있습니다. 이 도구를 사용하면 정규식과 테스트하려는 문자열을 입력 할 수 있으며 문자열의 일치를 강조 표시합니다. 일부 인기있는 Regex 테스트 도구는 Regexr 및 Regexp Tester가 포함됩니다.

JavaScript에서 정규 표현식을 사용할 때 일반적인 실수는 무엇입니까?

정기적 인 표현을 사용할 때의 일반적인 실수에는 특수 문자를 탈출하는 것을 잊어 버리는 것이 포함됩니다. 사례 민감도를 설명하고 선택적 문자를 제대로 처리하지 않습니다. Search ()와 같은 일부 방법은 일치 자체가 아닌 일치 색인을 반환한다는 것을 기억하는 것이 중요합니다. 예상대로 작동하는지 확인하기 위해 항상 정규 표현을 테스트하십시오.

위 내용은 기본 JavaScript 정규식 예제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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