728x90
자바스크립트 정규표현식 생성
1. 생성자 방식
RegExp 생성자 함수를 호출하여 사용할 수 있다.
|
// new RegExg(표현식)
const regexp1 = new RegExp("^abc");
// new RegExg(표현식, 플래그)
const regexp2 = new RegExp("^abc", "gi");
const regexp1 = new RegExp(/^abc/i); // ES6
const regexp2 = new RegExp(/^abc/, 'i');
const regexp3 = new RegExp('^abc', 'i');
|
2. 리터럴 방식
|
// 정규표현식은 /로 감싸진 패턴을 리터럴로 사용한다.
// 정규 표현식 리터럴은 패턴(pettern)과 플래그(flag)로 구성된다.
const regexp1 = /^abc/; // --> /패턴/
const regexp2 = /^abc/gi; // --> /패턴/플래그
|
자바스크립트 메소드
문법 설명
정규식.exec(문자열) 일치하는 하나의 정보(Array) 반환
정규식.test(문자열) 일치 여부(Boolean) 반환
문자열.match(정규식) 일치하는 문자열의 배열(Array) 반환
문자열.search(정규식) 일치하는 문자열의 인덱스(Number) 반환
문자열.replace(정규식,대체문자) 일치하는 문자열을 대체하고 대체된 문자열(String) 반환
문자열.split(정규식) 일치하는 문자열을 분할하여 배열(Array)로 반환
생성자_정규식.toString() 생성자 함수 방식의 정규식을 리터럴 방식의 문자열(String)로 반환
For example a(?=b) will match the "a" in "ab", but not the "a" in "ac".
Whereas a(?!b) will match the "a" in "ac", but not the "a" in "ab".
|
const regexr = /.+(?=:)/; // positive 전방 탐색(lookahead)
const str = 'https://www.abc.com';
console.log(regexr.exec(str)); // 결과 : https
console.log(str.match(regexr)); // 결과 : https
|
|
const regexr = /.(?!.)/gi; // 부정형 전방탐색(negative lookahead)
const str = '홍길동';
console.log(regexr.exec(str)); // 결과 : 동
console.log(str.replace(regexr, '*')); // 결과 : 홍길*
|
정규표현식 기본적인 이해는 https://www.nextree.co.kr/p4327/ 를 참조하면 도움된다.
'React > morden javascript' 카테고리의 다른 글
| Javascript Array.map 사용 예제 (2) | 2022.12.27 |
|---|---|
| 카카오 맵 장소 검색 구현 방법 (0) | 2022.12.19 |
| [Javascript] _cloneDeep() (0) | 2022.10.05 |
| [ES6] Spread 연산자 (0) | 2022.10.02 |
| 자바스크립트 Object (0) | 2022.06.11 |
Link2Me