Blog Posts

No results for undefinedPowered by Algolia

DailyLog

Amount Thousands Add comma units

September 03, 2020

Photo by Florian Krumm on Unsplash

금액 천 단위 콤마 추가하는 방법

toLocaleString

  • type이 number인 값에서 toLocaleString 메소드를 인자 없이 호출하면 자동으로 String으로 형 변환된 뒤 콤마 생성
  • 기본적으로 소수점 3자리까지만 표현
  • 더 많이 소수점을 표현하고 싶을시 2번째 인자로 maximumFractionDigits 프로퍼티를 가진 객체를 전달
const num = 10203040
const num2 = 10203040.12345

console.log(num.toLocaleString()) // 10,203,040
console.log(num2.toLocaleString()) // 기본으로 소수점 3자리에서 끊김 10,203,040.123
console.log(num2.toLocaleString(undefined, { maximumFractionDigits: 5 })) // 10,203,040.12345

정규 표현식

function numberFormat(num) {
  return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")
}

const num = 12313000
console.log(numberFormat(num))