> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 정규식의 개념과 적용에 대한 그림

JavaScript 정규식의 개념과 적용에 대한 그림

黄舟
풀어 주다: 2017-10-27 09:40:34
원래의
1463명이 탐색했습니다.

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

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

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

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

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

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

정규 표현식은 단일 문자열을 사용하여 특정 구문 규칙을 따르는 일련의 문자열을 설명하고 일치시킵니다. 많은 텍스트 편집기에서는 특정 패턴과 일치하는 텍스트를 검색하고 바꾸는 데 정규식을 사용하는 경우가 많습니다. 정규식의 특징은 다음과 같습니다. 1. 매우 유연하고 논리적이며 기능적입니다. 2. 문자열의 복잡한 제어를 매우 간단한 방법으로 신속하게 수행할 수 있습니다. 3. 처음 접하는 사람들에게는 상대적으로 모호하고 이해하기 어렵습니다.

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

2: 생성자 reg.test(v.value)

2:构造函数方式 var reg=new RegExp("表达式","附加参数) var reg=new RegExp("china");methodvar 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"와 일치합니다. [xyz] 문자 집합. 포함된 모든 문자와 일치합니다. 예를 들어, "[abc]"는 "plain"의 "a"와 일치할 수 있습니다. [a-z] 문자 범위. 지정된 범위와 일치합니다. 예를 들어 "[a-z]"는 다음의 모든 소문자와 일치할 수 있습니다. 참고: 하이픈이 문자 그룹 내에 있고 두 문자 사이에 나타나는 경우에만 문자 그룹의 시작 부분에 있는 경우에만 나타낼 수 있습니다. (패턴) 패턴을 일치시키고 일치 항목을 얻습니다. VBScript의 SubMatches 컬렉션을 사용하면 $0…$9 속성이 사용됩니다. 괄호 문자를 일치시키려면 "(" 또는 ")"를 사용하십시오.

위 내용은 JavaScript 정규식의 개념과 적용에 대한 그림의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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