Regular Expression

김루루룽·2022년 4월 11일
0

React, Next.js

목록 보기
15/42

Regular Expression

정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다.

정규 표현식 표현

1. 정규 표현식 리터럴. 다음과 같이 슬래시로 패턴을 감싸서 작성

/ab+c/

=> 정규 표현식 리터럴은 스크립트를 불러올 때 컴파일되므로, 바뀔 일이 없는 패턴의 경우 리터럴을 사용하면 성능이 향상될 수 있다.

2. RegExp 객체의 생성자 호출.

const re = new RegExp('ab+c')

=> 생성자 함수를 사용하면 정규 표현식이 런타임에 컴파일됩니다. 바뀔 수 있는 패턴이나, 사용자 입력 등 외부 출처에서 가져오는 패턴의 경우 이렇게 사용

출처 : MDN

실습을 통해 알아보자

이메일 검증.


양옆에 /가 있어야 한다.

apple이 조건식이랑 맞는지 비교한다.

다르니까 false

\w 문자 또는 숫자. 입력값이 뭐가 들어가든 true이다.

일치하는 내용이 존재하면 true.

시작과 끝을 명확히 하고 싶다면..


하나의 단어 다음 바로 @이가 나와야하는데 d다음 a가 나오니까 false이다.

10글자면

=> 너무 비효율 적이다

한 개 이상이면

/^\w+@\w+.\w+$/.test()


전혀 아닌데 true가 나온다
.의 의미 모든 것..
문자열 .으로 만들어 주기. 역슬래시

핸드폰 번호 검증

^ $ 시작과 끝점 통일


w는 숫자 문자 다 들어올 수 있기때문에 X

d로 표현하자

자리수 정하기

{}안에 갯수를 넣어준다
중간에 3자 번호도 있으니 3 또는 4의 의미로 {3, 4}

문자만 의미하는 것은 안타깝지만 존재하지 않는다

문자만 표현하기

[a-zA-Z]+ 한개이상
[a-zA-Z]? 한개이상 없을수도

\s 공백.

profile
1day 1push..plz

0개의 댓글