JavaScript에서 정규표현식을 사용해 숫자만 추출하는 방법

JavaScript에서 문자열 처리 작업을 하다 보면, 특정 패턴을 추출해야 할 때가 있다.

그중에서도 문자열에서 숫자만 추출해야 하는 상황이 존재한다.

이때 정규표현식(Regular Expression)을 사용하면 간편하게 원하는 숫자 데이터를 얻을 수 있다.

이번 글에서는 정규표현식을 이용해 숫자를 추출하는 방법을 단계별로 알아보려고 한다.

 

 

 

 

1. 숫자 추출을 위한 기본 정규표현식

숫자를 추출하기 위해 가장 기본적으로 사용되는 정규표현식 패턴은 \\d이다.

• \\d: 숫자를 의미하며, 0부터 9까지의 숫자 하나를 매칭한다.
• +: 직전 패턴이 한 번 이상 반복되는 것을 매칭한다. 즉, 연속된 숫자들을 추출하기 위해 사용한다.

이 패턴을 JavaScript에서 활용하는 방법은 다음과 같다:

let varStr = "str1";
let result = varStr.match(/\\d+/g);
console.log(result); // ["1"]

• /\\d+/g:
  • \\d+는 숫자가 한 개 이상 나오는 부분을 찾고,
  • g 플래그는 문자열 전체에서 패턴을 전역적으로 검색하여 모든 매칭된 숫자를 배열로 반환한다.

 

 

 

2. 정규표현식의 주요 구성 요소

• \\d: 0부터 9까지의 숫자를 매칭한다.
• +: 연속된 숫자들을 찾기 위해 사용한다. 예를 들어, "abc123"에서 \\d+는 "123"을 매칭한다.
• g: 전역 검색을 의미하며, 첫 번째 매칭 후에도 계속해서 문자열 전체를 검색한다.

 

 

 

3. 복잡한 문자열에서의 숫자 추출 예시

여러 숫자가 포함된 복잡한 문자열에서 모든 숫자를 추출할 수도 있다:

let text = "Price is 200 dollars, and 15% discount applies";
let numbers = text.match(/\\d+/g);
console.log(numbers); // ["200", "15"]

위 예제에서는 "200"과 "15"라는 숫자들을 추출한다.

 

 

 

 

4. 추출된 숫자의 형 변환

정규표현식으로 추출된 값은 문자열로 반환되기 때문에, 이를 숫자형으로 변환하려면 parseInt() 또는 parseFloat()을 사용할 수 있다:

let numberStr = "123";
let number = parseInt(numberStr);
console.log(number); // 123 (숫자형)

 

 

 

 

---

 

 

JavaScript에서 정규표현식을 사용하면 문자열에서 간편하게 숫자만을 추출할 수 있다.

\\d+ 패턴과 전역 검색 플래그(g)를 함께 사용하여 원하는 숫자 패턴을 쉽게 찾아낼 수 있으며, 추출한 값은 필요에 따라 숫자형으로 변환하여 활용할 수 있다.

정규표현식은 문자열 처리에서 매우 유용한 도구이므로, 다양한 패턴에 맞춰 활용할 수 있다.