숫자가 클 때, 3자리마다 콤마를 넣으면 읽기가 편해집니다. 천단위(숫자 3자리)마다 comma(,)를 추가하여 숫자를 문자열로 변환하는 방법에 대해서 알아보겠습니다.

1. toLocaleString()을 이용한 방법

toLocaleString()는 숫자를 현재 설정된 지역의 형식에 맞게 문자열로 변환합니다. 즉, 그 지역에서 숫자 3자리마다 콤마를 넣으면 그 형식으로 숫자를 변경합니다.

  • number.toLocaleString() : number를 시스템에서 설정된 지역의 숫자 형식으로 변환
  • number.toLocaleString("ko-KR") : number를 한국(ko-KR)의 숫자 형식으로 변환
const number = 1234567.89;
let result = number.toLocaleString();
console.log(result); // "1,234,567.89"

result = number.toLocaleString("ko-KR");
console.log(result);

Output:

1,234,567.89
1,234,567.89

2. 정규표현식을 이용한 방법

정규표현식을 사용하여 숫자 3자리마다 콤마를 넣을 수 있습니다.

아래 예제에서 사용된 정규식의 의미는 다음과 같습니다.

  • \B : 단어의 경계를 찾음
  • \d{3} : 숫자 3개
  • (\d{3})+ : 숫자 3개 패턴이 1개 이상 반복
  • \B(?=(\d{3}) : 단어의 경계 뒤에 숫자 3개 패턴이 있는 경우를 찾음
  • (?!\d) : 숫자가 오지 않는 경우
const number = 1234567.89;
const result = number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
console.log(result); // "1,234,567.89"

Output:

1,234,567.89