JS 정규식 개념 및 실제 적용

이번에는 JS의 정규식개념과 실제 적용에 대해 알려드립니다. JS 정규식 개념과 실제 적용 시 주의사항은 무엇인지 살펴보겠습니다.

오늘 저는 정규식과 JavaScript에서의 적용에 대한 지식을 여러분과 공유하고 싶습니다. 정규식은 간단하지만 단순하지 않습니다. 예를 들어, 선생님께서 이 일을 시작하면 20~30분 안에 마스터할 수 있다고 말씀하셨습니다. 며칠 안에 따라잡을 수 없어요. 그래서 처음에는 굉장히 진지하게 공부하고 연구했어요. 예기치 않게 정규식은 코드를 단순화할 뿐만 아니라 프런트엔드 엔지니어가 실제 작업에서 많은 어려움을 겪지 않게 해줍니다. 우리 모두 알고 있듯이 사용자가 페이지를 탐색할 때 다루는 유일한 방법은 양식 확인과 관련하여 실제로 많은 방법이 있습니다. 다음으로 두 가지 방법을 알려 드리겠습니다. 하나는 정규 표현식입니다. 이것이 형식에 어떤 영향을 미칠 수 있는지 살펴보겠습니다.

먼저 일반 버전을 살펴보겠습니다.

개인적으로는 방법이 너무 촌스럽다고 생각합니다. CSS 스타일 시트를 추가하지 않고 처음 학습할 때 만든 간단한 폼 효과입니다.

정규식의 업그레이드 버전을 한 번 더 살펴보겠습니다.

정규식에 대해 함께 알아볼까요?

정규 표현식은 문자 패턴을 설명하는 개체입니다. 정규 표현 및 관례 표현이라고도 합니다.

정규 표현식은 단일 문자열을 사용하여 특정 구문 규칙을 따르는 일련의 문자열을 설명하고 일치시킵니다. 많은 텍스트 편집기에서는 특정 패턴과 일치하는 텍스트를 검색하고 바꾸는 데 정규식을 사용하는 경우가 많습니다.

정규식의 특징은 다음과 같습니다. 1. 매우 유연하고 논리적이며 기능적입니다. 2. 문자열의 복잡한 제어를 매우 간단한 방법으로 신속하게 수행할 수 있습니다. 3. 처음 접하는 사람들에게는 상대적으로 모호하고 이해하기 어렵습니다.

정규식 정의 1: 일반적인 방법 varreg=/expression/추가 매개변수 reg.test(v.value) reg.test(v.value)

2：构造函数方式 var reg=new RegExp("表达式","附加参数） var reg=new RegExp("china");

2: 생성자 메서드

var reg=new RegExp("expression","추가 매개변수) var reg=new RegExp("china");

Expression 패턴 1: 단순 패턴 var reg=/china/; 2: 일관된 패턴 var reg=/^w+@w+.[a-zA-Z]{2, 3}(.[a -zA-Z]{2,3})?$/;

RegExp object

exec 메소드는 정규 표현식의 할당인 문자를 검색하고, 찾은 값을 반환하고, 해당 위치를 결정합니다. 테스트는 지정된 값을 검색합니다. 문자열에서 true 또는 false를 반환합니다. exec 메서드: 일치하는 항목이 없으면 반환 값은 null입니다. 일치하는 항목이 있으면 결과 배열이 반환됩니다. /.../는 패턴 ^match의 시작과 끝을 나타냅니다. 문자열 $의 시작은 문자열의 끝과 일치합니다. s 공백 문자 S 공백이 아닌 문자 d는 [0-9]에 해당하는 숫자 문자와 일치합니다. D [^0-9 ]에 해당하는 숫자를 제외한 모든 문자는 일치합니다. w는 [A-Za-z0-9_]에 해당하는 숫자, 밑줄 또는 알파벳 문자와 일치합니다. W [^a-zA-z0-9_]에 해당하는 단일 단어가 아닌 문자는 모두 일치합니다. 문자

{n}은 이전 항목과 n번 일치합니다. {n,}는 이전 항목과 n번 또는 여러 번 일치합니다. {n,m}은 이전 항목과 최소 n번 일치하지만 m번 이하 *는 이전 항목과 일치합니다. 항목 0회 이상({0,}과 동일) + 이전 항목과 1회 이상 일치({1,}과 동일)? 이전 항목과 0회 또는 1회 일치합니다. 이는 이전 항목이 선택사항임을 의미하며, {0과 같습니다. ,1}

🎜x|y는 x 또는 y와 일치합니다.

예를 들어 "z|food"는 "z" 또는 "food"와 일치할 수 있습니다. "(z|f)ood"는 "zood" 또는 "food"와 일치합니다. [xyz] 문자 집합입니다. 포함된 문자 중 하나와 일치합니다. 예를 들어, "[abc]"는 "plain"의 "a"와 일치합니다. [a-z] 문자 범위. 지정된 범위 내의 모든 문자와 일치합니다. 예를 들어, "[a-z]"는 "a"부터 "z"까지의 범위에 있는 모든 소문자 알파벳 문자와 일치합니다. 참고: 하이픈이 문자 그룹 내에 있고 두 문자 사이에 나타나는 경우에만 문자 범위를 나타낼 수 있으며 문자 그룹의 시작 부분에 나타나는 경우 하이픈 자체(패턴) 일치 패턴만 나타낼 수 있습니다. 이 하나의 일치를 얻으십시오. 얻은 일치 항목은 VBScript의 SubMatches 컬렉션과 JScript의 $0...$9 속성을 사용하여 생성된 Matches 컬렉션에서 얻을 수 있습니다. 괄호 문자를 일치시키려면 "(" 또는 ")"를 사용하십시오.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

lastIndex와 정규 표현식의 관계

Python의 정규 re.sub & re.subn

위 내용은 JS 정규식 개념 및 실제 적용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!