[JavaScript] 숫자에 세자리수마다 콤마(,) 넣기

서론

숫자의 가독성을 높이기 위해서는 세 자릿수마다 콤마(,)를 넣어주는 작업이 필요하다.

JS에서는 어떤식으로 숫자에 콤마를 넣어줄 수 있는지 알아보자.

---

toLocaleString()

가장 쉬운 방법이다.

JavaScript에서 지원하는 메소드이다.
단순히 숫자에 콤마를 찍어주는 것뿐만이 아니라 숫자에 관련된 여러 기능들을 제공한다.
또한, 형식을 자신이 원하는 나라에 맞게 적용할 수 있다는 장점도 있다.

const num = 123456;

num.toLocaleString();

// 결과값
123,456

---

정규식

알아두면 좋은 정규식.

혹시 필요할 때가 있을지 모르기 때문에 남겨놓는다.

const num = 123456;

num.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",");

// 결과값
123,456

---

주의할 점

혹시 TypeScript를 사용하거나 그렇지 않더라도,

위의 두 방법 모두 num값의 type이 number => string으로 변경된다는 점에 주의해야 한다.

---

참고

MDN : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString

Number.prototype.toLocaleString() - JavaScript | MDN

티스토리 : https://hianna.tistory.com/441

[Javascript] 숫자 3자리(천단위) 마다 콤마 찍는 2가지 방법