정규 표현식(Regular Expression)은 특정 규칙을 만족하는 문자열을 검색하고 추출하는 데 사용되는 강력한 도구입니다. 자바스크립트에서는 정규 표현식을 사용하여 문자열 패턴을 다룰 수 있습니다. 이번 블로그 포스트에서는 자바스크립트 변수에서 정규 표현식을 활용하는 방법을 알아보겠습니다.
1. 정규 표현식 리터럴
정규 표현식은 다음과 같이 슬래시(/
)로 묶여진 패턴으로 표현될 수 있습니다.
const regex = /패턴/옵션;
예를 들어, 이메일 주소 패턴을 정규 표현식으로 표현하고 싶다면 다음과 같이 작성할 수 있습니다.
const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
2. 정규 표현식 메소드
정규 표현식은 다양한 메소드와 함께 사용될 수 있습니다. 아래는 몇 가지 유용한 메소드의 예시입니다.
2.1. test()
test()
메소드는 주어진 문자열이 정규 표현식과 일치하는지 검사하고 결과를 true
또는 false
로 반환합니다.
const email = 'test@example.com';
const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
const isEmailValid = emailRegex.test(email);
console.log(isEmailValid); // true
2.2. match()
match()
메소드는 문자열에서 정규 표현식과 일치하는 부분을 추출하여 배열로 반환합니다. 일치하는 부분이 없으면 null
을 반환합니다.
const text = 'Hello, World!';
const pattern = /Hello/;
const matches = text.match(pattern);
console.log(matches); // ['Hello']
2.3. replace()
replace()
메소드는 문자열에서 정규 표현식과 일치하는 부분을 다른 문자열로 치환합니다.
const text = 'Hello, World!';
const pattern = /World/;
const replacedText = text.replace(pattern, 'JavaScript');
console.log(replacedText); // 'Hello, JavaScript!'
3. 정규 표현식 옵션
정규 표현식에는 다양한 옵션을 추가할 수 있습니다.
3.1. g (Global)
g
옵션은 문자열 내에서 정규 표현식과 일치하는 모든 부분을 찾아 반환합니다.
const text = 'Hello, Hello, Hello!';
const pattern = /Hello/g;
const matches = text.match(pattern);
console.log(matches); // ['Hello', 'Hello', 'Hello']
3.2. i (Ignore Case)
i
옵션은 대소문자를 구분하지 않고 일치하는 모든 부분을 찾아 반환합니다.
const text = 'Hello, hello, hello!';
const pattern = /hello/gi;
const matches = text.match(pattern);
console.log(matches); // ['Hello', 'hello', 'hello']
마무리
정규 표현식은 자바스크립트에서 문자열 패턴을 다룰 때 매우 유용한 도구입니다. 이번 블로그 포스트에서는 자바스크립트 변수의 정규 표현식 처리 방법에 대해 소개했습니다. 정규 표현식을 사용해 다양한 문자열 검색 및 추출 작업을 수행할 수 있습니다.