[자바스크립트] 자바스크립트 변수의 정규 표현식 처리 방법

정규 표현식(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']

마무리

정규 표현식은 자바스크립트에서 문자열 패턴을 다룰 때 매우 유용한 도구입니다. 이번 블로그 포스트에서는 자바스크립트 변수의 정규 표현식 처리 방법에 대해 소개했습니다. 정규 표현식을 사용해 다양한 문자열 검색 및 추출 작업을 수행할 수 있습니다.