>  기사  >  웹 프론트엔드  >  JavaScript_정규식에서 정규식의 개념과 적용

JavaScript_정규식에서 정규식의 개념과 적용

韦小宝
韦小宝원래의
2017-12-04 10:49:331617검색

이 글에서는 주로 JavaScript정규식 개념과 JavaScript 적용 관련 정보를 소개합니다. 도움이 필요한 친구들이 참고할 수 있습니다. JavaScript의 정규식은 우리 미래에 매우 중요합니다. 발전에 큰 도움이 될 것입니다.

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

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

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

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

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

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

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

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

정규 표현식 정의 1: 일반 방식 varreg=/expression/추가 매개변수

 reg.test(v.value)

2: 생성자 방식

  
var reg=new RegExp("表达式","附加参数) var reg=new RegExp("china");

표현 패턴 1:

简单模式 var reg=/china/;

표현 패턴 2:

符合模式 var reg=/^\w+$/; var reg=/^\w+@\w+.[a-zA-Z]{2,3}(.[a-zA-Z]{2,3})?$/;

RegExp 객체의 메소드 exec 정규식인 문자를 검색하고, 찾은 값을 반환하고, 해당 위치를 결정합니다. 테스트는 문자열에 지정된 값을 검색하고, true 또는 false를 반환합니다. exec 메서드: 일치하는 항목이 없으면 값이 반환됩니다. 일치하는 항목이 발견되면 결과 배열이 반환됩니다. /.../ 패턴의 시작과 끝을 나타냅니다. ^ 문자열의 시작과 일치합니다. $ 문자열의 끝과 일치합니다. 공백 문자 S 공백이 아닌 문자 d는 a와 일치합니다. [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회 일치합니다. 이는 이전 항목이 선택 사항임을 의미합니다. 이는 x 또는 y와 일치하는 {0,1}

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 컬렉션에서 얻을 수 있습니다. 괄호 문자를 일치시키려면 "(" 또는 ")"를 사용하십시오.

위 내용은 자바스크립트 정규식의 개념과 적용입니다. 정규식의 모든 내용이 필요한 친구들에게 도움이 되었으면 좋겠습니다!

관련 추천:

자주 사용하는 js 정규식 15개 공유

JS 정규식을 마스터해야 합니다

js 정규식에 대한 자세한 설명

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

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