JS 데이터 실습 _ 정규표현식(Regular Expression)

LOOPY·2021년 8월 12일
0
post-thumbnail

👉🏻 https://github.com/JIWON-MIN/regexp-test

정규표현식(RegExp)

정규식, Regular Expression

1. 역할

  • 문자 검색(search)
  • 문자 대체(replace)
  • 문자 추출(extract)

2. 테스트 사이트

https://regexr.com/

3. 정규식 생성

// 생성자
new RegExp('표현', '옵션')
new RegExp('[a-z]', 'gi')

// 리터럴
/표현/옵션
/[a-z]/gi

4. 예제 문자

const str = `
010-1234-5678
thesecon@gmail.com
https://www.omdbapi.com/?apikey=7035c60c&s=frozen
The quick brown fox jumps over the lazy dog.
abbcccdddd
`

5. 메소드

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

6. 플래그(옵션)

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

7. 패턴(표현)

패턴설명
^ab줄(Line) 시작에 있는 ab와 일치
ab$줄(Line) 끝에 있는 ab와 일치
.임의의 한 문자와 일치
a|ba 또는 b와 일치
ab?b가 없거나 b와 일치
{3}3개 연속 일치
{3,}3개 이상 연속 일치
{3,5}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개 문자에 일치하지 않는 문자 경계(Boundary)
\d숫자(Digit)에 일치
\s공백(Space, Tab 등)에 일치
(?=)앞쪽 일치(Lookahead)
(?<=)뒤쪽 일치(Lookbehind)

+) 8. 유의사항

  • 문자열 만들 때 줄바꿈 사용하고 싶으면 백틱으로 묶기
  • 플래그 m 넣지 않으면 전체를 하나의 문자열로 취급
    -> m 넣으면 줄바꿈 따라 다른 줄(Line)으로 인식
  • 마침표를 마침표 문자 자체로 정규식에 사용하려면 이스케이프 문자 사용\.
  • https? http 또는 https 의미 (s는 있을수도 없을수도)
profile
2년차 프론트엔드 개발자의 소소한 기록을 담습니다 :-)

0개의 댓글

관련 채용 정보