정규표현

mangyun·2021년 12월 20일
0

JS

목록 보기
5/5

정규표현식(RegExp)

문자열을 검색하고 대체하는 데 사용가능한 일종의 형식 언어

역할

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

테스트 사이트

http://regexr.com/

정규식 생성

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

//리터럴 - 일반적으로 리터럴 표현식이 편하고 쉽다.
/표현/옵션
/[a-z]/gi  

예제 문자

const str = `
010-1234-5678
qk1890@naver.com
https://www.omdbapi.com/?apikey=7035c60c&s=frozen
The quick brown fox jumps over the lazy dog.
abbcccdddd
동해물과 백두산이 마르고 닳도록
`

주요 메소드

메소드문법설명
test정규식.test(문자열)일치 여부(Boolean) 반환
match문자열.match(정규식)일치하는 문자의 배열(Array) 반환
replace문자열.replace(정규식, 대체문자)일치하는 문자를 대체
const regexp = /fox/gi
console.log(regexp.test(str)) //true
console.log(str.replace(regexp, 'AAA')) //fox 자리에 AAA로 대체
console.log(str) //원본은 유지

주요 플래그(옵션)

플래그설명
g모든 문자를 일치(global)
i영어 대소문자를 구분하지 않고 일치(ignore case)
m여러 줄 일치(multi line)
const regexp = /fox/gi
console.log(regexp.test(str)) //true
console.log(str.replace(regexp, 'AAA')) //fox 자리에 AAA로 대체
console.log(str) //원본은 유지

//g - 전체 하나의 줄로 검색
//m - 하나의 문자데이터 안에서 각각의 줄을 검색
const regexp = /\.$/gim // 따라서 m으로 각각의 줄을 검색하다가 dog부분의 .을 찾는다.
console.log(str.match(regexp))

패턴

패턴설명
^ab줄 시작에 있는 ab와 일치
ab$줄 끝에 있는 ab와 일치
.임의의 한 문자와 일치
a|ba또는 b와 일치
ab?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개의 문자에 일치하지 않는 문자 경계(boundary)
\d숫자(digit)에 일치
\s공백(space, tab, enter 등)에 일치
(?=)앞쪽 일치
(?<=)뒤쪽 일치
str.match(/h..p/g) //http 두,세번째는 아무글자이다.
str.match(/fox|dog/g) //전체에서 fox와 dog를 찾는다.
str.match(/https?/g) //http던 https던 다 찾는다.
str.match(/\b\w{2,3}\b/g)// \b로 특수문자로 구분된 2~3글자 출력된다.
str.match(/[가-힣]{1,}/g)// ['동해물과', '백두산이', '마르고', '닳도록']
str.match(/\bf\w{1,}\b/g) //f로 시작하는 단어

//공백문자 없애기
const h = '  the   hello    world     !'
h.replace(/\s/g, '')

str.match(/.{}(?=@)/g) //앞쪽 일치, qk1890
str.match(/(?<=@).{1,}/g) //뒤쪽 일치, naver.com
profile
기억보다는 기록을 하자.

0개의 댓글