웹개발/front-end

[자바스크립트]정규식 사용법

지구별 여행자 임탱 2024. 2. 23. 18:10
728x90

정규표현식(Reqular Expressions)은 문자열 처리를 할때 유용하게 사용되는 도구이다.

복잡한 문자열을 조작하여 작업을 간단한 코드로 해결할 수 있으며

자바스크립트에서는 RegExp객체를 통해 정규 표현식 기능을 제공한다.

 

정규 표현식 기본 구성요소

1. 리터럴 : 문자 자체를 나타냅니다. /dog/는 "dog" 문자열과 일치

2. 메타 문자 : 특별한 의미를 갖는 문자 .는 어떤 한 문자와 일치

3. 이스케이프 문자 : 메타 문자 앞에 \를 붙여 일반 문자로서의 의미를 갖게 한다. \.는 "."와 일치

4.캐릭터 클래스 : []안에 여러 문자 중 하나와 일치 합니다. [abc]는 "a", "b", "c"중 하나와 일치

5.수량자 : {n}, {n,}, {n,m}과 같이 사용하여 특정 횟수 또는 범위의 반복을 나타냅니다. a{2}는 "aa"와 일치

6.앵커 : 문자열의 시작과 끝을 나타냅니다. ^는 시작을 의미, $는 끝을 의미

 

자바스크립트 정규식의 예

// 전화번호 형식 검사 정규식
const phonePattern = /^\d{3}-\d{4}-\d{4}$/;

console.log(phonePattern.test('010-1234-5678')); // true
console.log(phonePattern.test('02-123-4567')); // false

위 예제는 전화번호 형식을 검증하는 예제 입니다.

정규식은 ^로 시작해 해당 패턴으로 시작해야 함을 $로 끝나므로 해당 패턴으로 끝나야 함을 나타낸다.

\d는 숫자를 의미하고 {n}은 n번 반복되는것과 일치한다.