> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 정규 표현식의 의미와 사용

JavaScript에서 정규 표현식의 의미와 사용

黄舟
풀어 주다: 2017-11-09 16:52:04
원래의
1950명이 탐색했습니다.

많은 분들이 정규표현식을 알고 계시겠지만, 많은 분들의 첫인상은 배우기 어렵다는 것입니다. 얼핏 보면 패턴도 전혀 없고, 다양한 특수 기호 뭉치일 뿐이라는 느낌이 들기 때문입니다. .완전히 혼란스러워요. 사실 정규식은 생각보다 어렵지 않습니다. 오늘은 JavaScript정규식을 빠르게 이해할 수 있도록 안내해 드리겠습니다.

1. 정규표현식이란

정규표현식은 마치 금형을 사용하여 제품을 만들듯이 문자열의 집합을 일치시키기 위해 사용하는 특수한 문자열 패턴인데, 정규표현식은 이것이다 금형은 규칙과 일치하는 문자를 일치시키는 규칙을 정의합니다.

정규식(정규식)은 문자열 일치 패턴(패턴)을 설명하며, 이는 문자열에 특정 하위 문자열이 포함되어 있는지 확인하거나, 일치하는 하위 문자열을 바꾸거나, 조건의 특정 하위 문자열과 일치하는 문자열에서 추출하는 데 사용할 수 있습니다. .

정규식은 문자열을 처리하는 데 사용됩니다. 정규식을 사용하면 일부 복잡한 문자열을 처리할 수 있습니다. " 일반 문자". 표현식의 일반 문자는 문자열과 일치할 때 동일한 문자와 일치합니다.

예 1: "abcde" 문자열과 일치하는 경우 일치하는 결과는 다음과 같습니다. 일치하는 내용은 "c"입니다. 일치하는 위치는 2에서 시작하여 3에서 끝납니다. (참고: 아래 첨자가 0부터 시작하는지 1부터 시작하는지 여부는 현재 프로그래밍 언어에 따라 다를 수 있습니다.) 예 2: "bcd"라는 표현식, 문자열 "abcde"를 일치시킬 때 일치 결과는 다음과 같습니다. 내용은 "bcd"입니다. 일치하는 위치는 1에서 시작하여 4에서 끝납니다.

3. 정규 표현식의 특수 문자





문자 의미

의미의 변화로, 즉 "" 뒤의 문자는 일반적으로 원래 의미에 따라 해석되지 않습니다. 예를 들어 /b/는 b 앞에 백슬래시가 추가되면 /b와 일치합니다. /는 단어의 의미를 변경합니다.
-또는-
정규식 기능 문자를 줄입니다. 예를 들어 "*"는 앞에 있는 메타 문자와 0번 이상 일치합니다. /a*/는 ""를 추가한 후 a, aa, aaa와 일치합니다. /a* /는 오직 "a*"와 일치합니다.

^은 입력 또는 줄의 시작과 일치합니다. /^a/는 "An a"가 아닌 "an A"와 일치합니다.
$는 입력 또는 줄의 끝과 일치하고, /a$/는 "An a"와 일치합니다. not "An a"는 "an A"와 일치합니다.
*는 이전 메타 문자와 0회 이상 일치하고, /ba*/는 b, ba, baa, baaa와 일치합니다.
+는 이전 메타 문자와 1회 이상 일치하고, /ba*/는 일치합니다. ba, baa,baaa
?는 앞의 메타 문자와 0 또는 1번 일치합니다. /ba*/는 b,ba와 일치합니다.
(x)는 x와 일치하고 $1...$9라는 변수에 x를 저장합니다.
x|y는 x와 일치합니다. 또는 y
{n}은 정확히 n번 일치합니다.
{n,}은 n번 이상 일치합니다.
{n,m}는 n-m번 일치합니다.
[xyz] 문자 집합(문자 집합), 이 집합(또는 메타문자)의 모든 문자와 일치합니다.
[^xyz]는 이 세트의 어떤 문자와도 일치하지 않습니다.
[b]는 백스페이스 문자와 일치합니다.
b는 단어 경계와 일치합니다.
B는 단어가 아닌 경계와 일치합니다.
cX 여기서 X는 제어 문자입니다. /cM/은 Ctrl과 일치합니다. -M
d 영숫자 문자와 일치, /d/ = /[0-9]/
D 영숫자가 아닌 문자와 일치, /D/ = /[^0-9]/
n 줄 바꿈 문자와 일치
r 캐리지 리턴 문자와 일치합니다.
s는 n, r, f, t, v 등을 포함한 공백 문자와 일치합니다.
S는 /[^nfrtv]/와 같은 공백이 아닌 문자와 일치합니다.
t는 탭 문자와 일치합니다.
v 이중 탭 문자와 일치
w는 밑줄을 포함하여 단어를 구성할 수 있는 문자(영숫자, 숫자를 포함한 내 무료 번역임)와 일치합니다. 예를 들어 "$5.98"의 5와 일치하며 [a와 같습니다. -zA -Z0-9]
W는 단어를 구성할 수 없는 문자와 일치합니다. 예를 들어 [W]는 "$5.98"의 $와 일치하며 이는 [^a-zA-Z0-9]와 같습니다.

4. 정규식의 기본 문법

두 개의 특수 기호 '^'와 '$'. 그들의 기능은 각각 문자열의 시작과 끝을 나타내는 것입니다.

예는 다음과 같습니다:

"^The": "The"로 시작하는 모든 문자열을 의미합니다("There", "The cat" 등).

"of 절망$": "로 끝나는 모든 문자열을 의미합니다. of 절망" 문자열;

"^abc$": "abc"로 시작하고 끝나는 문자열을 나타냅니다. 하하, "abc" 자체만 나타냅니다.

"notice": "notice"를 포함하는 문자열을 나타냅니다.

마지막 예와 같이 두 개의 특수 문자를 사용하지 않으면 찾으려는 문자열이 검색된 문자열의 어떤 부분에도 있음을 나타내는 것입니다. 즉, 맨 위에 위치하는 것이 아닙니다.

기타 기호로는 '*', '+', '?'가 있는데, 이는 문자 또는 문자 시퀀스가 ​​반복적으로 나타나는 횟수를 나타냅니다.

각각 "없음 또는 그 이상", "한 번 이상" 및 "없음 또는 한 번"을 의미합니다.


다음은 몇 가지 예입니다.

"ab*": 문자열에 a 다음에 0개 또는 여러 개의 b가 있음을 나타냅니다. ("a", "ab", "abbb",...);

"ab+": 문자열에 a가 하나 이상 있음을 나타냅니다.

"ab?": 문자열을 나타냅니다. a 뒤에 0개 또는 1개의 b가 있습니다.

"a?b+$": 문자열 끝에 0개 또는 1개의 a가 있고 1개 또는 여러 개의 b가 있음을 의미합니다.

반복 범위를 나타내기 위해 중괄호로 묶인 범위를 사용할 수도 있습니다.

"ab{2}": 문자열에 a 뒤에 2개의 b가 있음을 나타냅니다("abb").

"ab{2,}": 문자열에 a 뒤에 최소한 2개의 b가 있음을 나타냅니다.

"ab{3,5}": 문자열에 a 다음에 3~5b가 있음을 나타냅니다.

범위의 하한을 지정해야 한다는 점에 유의하세요(예: "{,2}" 대신 "{0,2}").

또한 '*', '+' 및 '?'는 "{0,}", "{1,}" 및 "{0,1}"과 동일하다는 점을 눈치채셨을 것입니다.

"또는" 연산을 의미하는 '¦'도 있습니다.

"hi¦hello": 문자열에 "hi" 또는 "hello"가 있음을 의미합니다.

"(b¦cd)ef": "bef" 또는 "cdef"를 의미합니다.

"(a¦b)*c": "a"와 "b" 뒤에 "c"가 오는 혼합 문자열을 나타냅니다.'

"a.[0-9]": 문자열에 "a" 뒤에 임의의 문자와 숫자가 있음을 나타냅니다.

"^.{3}$": 세 문자로 구성된 문자열을 나타냅니다( 3 문자 길이)

대괄호는 특정 문자가 문자열의 특정 위치에 나타날 수 있음을 나타냅니다.

"[ab]": 문자열에 "a" 또는 "b"("a¦b"와 동일)가 있음을 나타냅니다.

"[a-d]": 문자열에 소문자 'a' ~ 'd' 중 하나가 포함되어 있음을 나타냅니다("a¦b¦c¦d" 또는 "[abcd]"와 동일).

"^ [a- zA-Z]": 문자로 시작하는 문자열을 나타냅니다.

"[0-9]%": 백분율 기호 앞에 한 자리 숫자가 있는 숫자를 나타냅니다.

",[a-zA-Z0 -9]$ ": 문자열이 쉼표로 끝나고 그 뒤에 문자나 숫자가 오는 것을 나타냅니다.

대괄호 안에 '^'를 사용하여 원하지 않는 문자를 나타낼 수도 있습니다. '^'는 대괄호 안의 첫 번째 문자여야 합니다.

(예: "%[^a-zA-Z]%"는 두 개의 퍼센트 기호 사이에 문자가 나타나지 않아야 함을 의미합니다).

그대로 표현하려면 "^.$()¦*+?{" 문자 앞에 이스케이프 문자 ''를 추가해야 합니다.

대괄호 안에는 이스케이프 문자가 필요하지 않습니다.

Summary

사실 그냥 정규식을 이해하지 못하는 것일 뿐, 정규식에 사용되는 관련 문자가 많지 않다는 것을 알게 될 것입니다. , 기억하기 어렵지 않고 이해하기 어렵지 않습니다. 유일한 어려움은 결합 후 가독성이 좋지 않고 모든 사람이 일반에 대한 기본 이해를 갖도록하는 것을 목표로합니다. 간단한 정규식을 이해하고 잘 작성할 수 있습니다. 일상적인 개발 요구에 맞게 간단한 정규식을 만들어 보세요.

관련 추천:

js 일반적으로 사용되는 정규식은 무엇입니까

JavaScript 정규식 동영상 튜토리얼

자바스크립트 정규식 정의 및 소개

유연해지는 방법JavaScript정규식 사용

위 내용은 JavaScript에서 정규 표현식의 의미와 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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