23일차

🪅

23일차

 

Part 4. JavaScript Level up

Ch 3. 정규표현식

 

---

 

Ch 3. 정규표현식

 

 

내용

 

 🔗 정규식 생성 

https://heropy.blog/2018/10/28/regexp/

정규표현식, 이렇게 시작하자!

 

# 정규표현식 (RegExp)

 

정규식, Regular Expression

 

## 역할

 

- 문자 검색(search)

- 문자 대체(replace)

- 문자 추출(extract)

 

## 테스트 사이트

 

https://regexr.com/

RegExr: Learn, Build, & Test RegEx

 

## 정규식 생성

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

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

 

 

 🔗 메소드 

 

## 메소드

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

 

let 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
`;

// 생성자 방식
//const regexp = new RegExp("the", "gi");

// 리터럴 방식
const regexp = /fox/gi;
console.log(regexp.test(str)); // 일치 여부(Boolen) 반횐
console.log(str.match(regexp)); // 일치하는 문자의 배열(Array) 반환
str = str.replace(regexp, "AAA"); // 일치하는 문자를 대체
console.log(str);

 

 

 

 🔗 플래그(옵션) 

플래그	설명
g	모든 문자 일치(global) => 모든 문자를 다 찾아라!
i	영어 대소문자를 구분 않고 일치(ignore case)
m	여러 줄 일치(multi line) => 각각의 줄을 하나의 시작과 끝으로 보겠다.

let 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
`;

// \: 이스케이프 문자란 \(백슬래시) 기호를 통해 본래의 기능에서 벗어나 상태가 바뀌는 문자이다.
console.log(str.match(/\.$/gim));

 

 

 

 🔗 패턴(표현) 

 

패턴	설명
^ab	줄(Line) 시작에 있는 ab와 일치
ab$	줄(Line) 끝에 있는 ab와 일치
.	임의의 한 문자와 일치
a|b	a 또는 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 사이의 문자 구간에 일치 (숫자)
[가-힣]	가부터 힣 사이의 문자 구간에 일치 (한글)
\w	63개 문자(Word, 대소영문52개, 숫자10개 + _)에 일치
\b	63개 문자에 일치하지 않는 문자 경계(Boundary)
\d	숫자(Digit)에 일치
\s	공백(Space, Tab 등)에 일치
(?=)	앞쪽 일치(Lookahead)
(?<=)	뒤쪽 일치(Lookbehind)

let 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
d
hxyp
http://localhost:1234
동해물과_백두산이 마르고 닳도록
`;

const h = `   the hello  world   !

`;

console.log(str.match(/d$/gm));
console.log(str.match(/^t/gim));

console.log(str.match(/h..p/g));
console.log(str.match(/fox|dog/g));
console.log(str.match(/https?/g));

console.log(str.match(/d{2}/g));
console.log(str.match(/d{2,}/g));
console.log(str.match(/\b\w{2,3}\b/g));

console.log(str.match(/[fox]/g));
console.log(str.match(/[0-9]{1,}/g));
console.log(str.match(/[가-힣]{1,}/g));

console.log(str.match(/\w/g));
console.log(str.match(/\bf\w{1,}\b/g));
console.log(str.match(/\d{1,}/g));
console.log(h.replace(/\s/g, ""));

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