[JS] 숫자 3자리 단위마다 콤마(,) 넣는 2가지 방법

Web/Front-End

코드케이브 2023. 2. 5. 20:27

"100,000,000" 처럼 숫자 3자리 마다 숫자를 넣는 방법에 대한 포스팅 입니다.

특히 돈 이나 숫자를 많이 나타내는 웹사이트를 개발할 때 필요한 경우가 많더라구요.

1. toLocalString()을 이용하는 방법

저는 이 방법을 주로 씁니다. 가장 간편하더라구요.

let order_price = 100000000;
order_price.toLocaleString("ko-KR");

파라미터로 넘기는 "KR"이 있는 이유는 숫자를 또 다르게 표시하는 국가도 있나봅니다.

매우 특수 케이스라, 왠만한 평범한 프로젝트는 ko-KR이나 en-US을 사용하시면 될것 같습니다.

혹, 이 함수에 대해 자세히 알고 사용하고 싶으신 분들은 아래 링크 참고가 가능합니다 :)

2. 정규식을 이용하는 방법

let price = 1000000;
let result = price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');

이 방법은 아무래도 함수를 하나 더 만들어놓고 사용하는것이 사용성이 좋을거라, 굳이 함수를 만들거면 1번 방법으로 사용하는것이 개인적으로 더 편리한것 같네요.

PS.

함수를 만들어 콤마를 찍는 또 다른 방법은 다른 포스팅을 통해 소개한적이 있었습니다.

혹시 궁금하시다면 아래 링크를 참고 해주세요.