[JS] JavaScript 가격 표시/숫자 3자리 마다 ,(콤마) 표시하기

JS(JavaScript)에서 가격표시에서 쓰이는 숫자 3자리 마다 ,(콤마) 표시 하는  2가지 방법 이다.

---

정규식 사용

var price = 123456.789;

price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); // 123,456.789;

자주 사용되면 함수로 만들어서 사용해보자.

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

toLocaleString 사용

var price = 123456.789;

price.toLocaleString(); // 123,456.789;

toLocaleString 사용 시, 상수(123 .. )가 아닌 변수(var, const 등. . )에 담아서 사용해야 한다.

 

price에 해당되는 값이 문자형일 수도 있어서 형 변환해서 사용한다. (권장)

var price = 123456.789;

Number(price).toLocaleString(); // 123,456.789;