[javascript] 숫자 세 자리 단위 콤마 찍기

 

목차

 

---

1.  toLocaleString()

 

toLocaleString() 메서드는 숫자를 현재 로케일에 맞는 문자열로 변환하여 반환한다. 이를 사용하여 세 자리 단위로 콤마를 찍을 수 있다.

const number = 1234567.89;
const formattedNumber = number.toLocaleString();
console.log(formattedNumber); // "1,234,567.89" (현재 언어에 맞는 포맷)

 

---

2. 정규 표현식 사용

 

정규 표현식을 사용하여 세 자리 단위로 콤마를 찍을 수도 있다.

const number = 1234567.89;
const formattedNumber = number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
console.log(formattedNumber); // "1,234,567.89"

 

---

3. Intl.NumberFormat

 

Intl.NumberFormat 객체를 사용하여 세 자리 단위로 콤마를 찍을 수 있다.

const number = 1234567.89;
const formatter = new Intl.NumberFormat();
const formattedNumber = formatter.format(number);

console.log(formattedNumber); // "1,234,567.89" (현재 언어에 맞는 포맷)

 

Intl 객체에 대해 자세히 알아보려면 다음 글을 참고하자.

 

[javascript] Intl 객체 총 정리

 

---

4. 숫자 포맷 함수

 

자체적으로 숫자 포맷 함수를 만들어 세 자리 단위로 콤마를 찍을 수도 있다.

 

function formatNumberWithCommas(number) {
  return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
}

const number = 1234567.89;
const formattedNumber = formatNumberWithCommas(number);
console.log(formattedNumber); // "1,234,567.89"