[JS] 정규표현식

yengni·2022년 7월 29일
0

JS

목록 보기
11/11
post-thumbnail

🍋 정규표현식(RegExp)

: Regular Expression

- 역할

  • 문자 검색
  • 문자 대체
  • 문자 추출

- 테스트 사이트

https://regexr.com/

- 정규식 생성방법

🌟 1.생성자

new RefExp('표현', '옵션')
new RefExp('[a-z]', 'gi')

🌟 2.리터럴
➡️ 주로 리터럴 방식을 사용한다고 한다!

/표현/옵션
/[a-z]/gi

🍋 메소드

메소드문법섦명
test정규식.test(문자열)일치여부(Boolean) 반환
match문자열.match(정규식)일치하는 문자의 배열 (Array)
replace문자열 .replace(정규식, 대체문자)일치하는 문자를 대체

🍋 플래그 (옵션)

플래그설명
g모든 문자 일치 (global)
i영어 대소문자를 구분 않고 일치 (ignore case)
m여러 줄 일치 (multi line)

🍋 패턴 (표현)

패턴설명
^ab줄(Line) 시작에 있는 ab와 일치
ab$줄(Line) 끝에 있는 ab와 일치
.임의의 한 문자와 일치
a|ba또는 b와 일치
ab?a가 아니라 b가 없거나 b와 일치
{3}3개 연속 일치
{3,}3개 이상 연속 연속 일치
{3,5}3개 이상 5개 이하 연속 일치
[abc]a또는 b또는 c
[a-z]a부터 z 사이의 문자 구간에 일치(영어소문자)
[A-Z]a부터 z 사이의 문자 구간에 일치(영어대문자)
[0-9]0부터 9 사이의 문자 구간에 일치(숫자)
[가-힣]가부터 힣 사이의 문자 구간에 일치(한글)
\w63개 문자(Word, 대소영문52개 + 숫자10개 + _)에 일치
\b63개 문자에 일치하지 않는 문자 경계
\d숫자(Digit)에 일치
\s공백(Space, Tab 등)에 일치
(?=)앞쪽일치(lookahead)
(?<=)뒤쪽일치(lookbehind

🍋 예제

- 예제 문제

const str=`
010-1234-5678
thesecon@gmail.com
The quick brown fox jumps over the lazy dog
abbcccdddd
https//localhost.1234
http//www.naver.com
`

ab$

: 줄 끝에 있는 ab와 일치한다.

해설 : 한줄의 끝부분이 d자로 끝나는 문자

console.log(
str.match(/d$/g)
)
/* 답이 abbcccdddd일 것 같지만 한줄의 시작과 끝이 abbcccdddd가 아닌 백틱 기준으로 한다. 그러므로 옵션에 m을 추가해서 줄바꿈을 기준으로 문장의 시작과 끝을 각각 지정해준다.*/
console.log(
	str.match(/d$/gm)
)	//abbcccdddd

임의의 문자 .

console.log(
	str.match(/q...k/g)
)	//quick

a|b

: a 또는 b와 일치

console.log(
	str.match(/fox|dog/g)
)	//둘 다 있을 경우 둘 중 먼저 찾아지는 것을 반환한다.

ab?

: b가 없거나 b와 일치 (즉, b가 있을 수도 있고 없을 수도 있고!)

console.log(
	str.match(/https?/gi)
)	// b는 s이고 s가 있을 수도 있고 없을 수도 있고 즉 http와 https 모두 반환

{n}

: n개 연속 일치

  console.log(
    str.match(/d{2}/) //dd
  ) //d가 2번 연속일치
  console.log(
    str.match(/d{2}/g) //dd, dd
  ) //d가 2번 연속일치하는 모든 문자

{n,}

: n개 이상 연속 일치

  console.log(
    str.match(/d{2,}/) //dddd
  ) 

(?=)

: 앞쪽 패턴 일치

console.log(
  str.match(/.{1,}(?=@)/g)
) //thesecon

(?<=)

: 뒤쪽 패턴 일치

console.log(
  str.match(/(?<=@).{1,}/g)
) //gmail.com

궁금증💡

위에서 찾고 싶은 문자가 있을 때 문자나 알파벳을 먼저 직접 적는 것과 \w 을 적는 것의 차이는 뭘까?

profile
우당탕탕 비전공자의 FE 개발일지

0개의 댓글

관련 채용 정보