1. 정규표현식?
- 특별한 문자를 조합하거나 확인할 때 사용하는 패턴이다.
- 주로 test, String, match, replace, search, split 메서드와 같이 쓰인다.
2. 정규표현식 만드는 법
- 따옴표를 ( " " )를 슬래쉬 ( / / )로 대신한다.
- 특수문자나 영어 알파벳 철자를 넣어서 패턴을 만든다.
const str = /hello world/;
const str = new RegExp("hello world"); // RegExp객체의 생성자 함수를 호출. 결과는 같다.
- 위의 두 가지 방법은 정규식이 계속 지속될 때는 첫 번째, 정규식의 패턴이 바뀌는 경우는 수정을 위해 함수를 사용하는 것이 좋다.
3. 어떻게 사용하는 것일까?
- 포인트는 \와 /의 쓰임이다. 정규표현식에서 특수기호를 사용할 때 사용한다. 일반적인 문자열로 읽지 못하도록 만드는 것이다.
- g : 전역 검색
- i : 영어 대소문자 비교 없이 검색
- m : g보다 넓게 줄이 바뀌어도 검색
- y : lastIndex의 속성에 숫자를 지정해서 y로 검색을 하면 지정해준 숫자의 index의 문자만 검색
- * : 반복되는 문자를 최대한 검색
- *? : 반복되는 문자를 최소한으로 검색
- a-z 혹은, A-Z 혹은, ㄱ-ㅎ 혹은, 0-9 : 범위 지정
- . : 그 줄의 모든 문자열
- \d : 숫자
- \D : 숫자가 아닌 모든것
- \w : 영어와 숫자
- \W : 영어랑 숫자 빼고 전부 다
- \s : 띄어쓰기
- \S : 띄어쓰기 제외하고 전부 다
- | : or
- [찾을 문자] : 찾고 싶은 문자를 찾아줌
- [^제외할 문자] : 제외할 문자를 빼고 모든 문자를 찾아줌. ( 대부분 ^ 는 부정 )
- ^시작할 문자 : 시작할 문자로 시작한다.
- 끝낼 문자$ : 끝낼 문자로 끝을 낸다.
- () : 그룹 검색과 분류 ( 주로 match에 사용)
- \b : 단어의 처음과 끝
- \B : 단어의 처음과 끝 빼고 전부 다
4. 정규표현식 연습
이렇게 보아서는 잘 이해가 안 되는 것이 정상이다. 필요한 부분에 찾아 사용하다 보면 적응이 쉽게 된다. 필요한 정규 표현식을 사용하여 문제 풀이 시간을 줄여보자!
'Coding > Today I Learned' 카테고리의 다른 글
2021.07.10(Sat.) <화살표 함수에 고찰> (0) | 2021.07.11 |
---|---|
2021.07.09(Fri.) <React 뒤로가기 버튼> (0) | 2021.07.09 |
2021.07.07 (Wed.) <input과 고차함수 어딘가> (0) | 2021.07.07 |
2021.07.06(Tue.) <DOM의 다양한 이밴트 객체> (0) | 2021.07.06 |
2021.07.05(Mon.) <DOM을 예시로 알아보자> (0) | 2021.07.05 |