[JavaScript / Jquery] 숫자 가격 표시 (천단위 콤마 / 세자리 콤마 / , 찍기)

😊 아주 쉽고 간단하게 😊

▼ 이전 편 ▼

2022.03.15 - [개발/Front-End] - [JavaScript / Jquery] JSON 값 가져오기 / JSON 활용하기 / JSON 키 값 가져오기

[JavaScript / Jquery] JSON 값 가져오기 / JSON 활용하기 / JSON 키 값 가져오기

---

😊 아주 쉽고 간단하게 😊

 

Javascript를 활용하여

일반 값을 금액으로 표시해보자.

ex)

700000 > 700,000
70000000 > 70,000,000

 

일반 숫자 값 보다저런식으로

세자리 콤마,천 단위 콤마를 찍어야

😕 하는 상황이 있다. 😕

 

간단하게 정규식을 사용해보자.

정규식을 사용한 세자리 콤마 찍기 / 천 단위 콤마 찍기

var strNum = 700000;	// 숫자 값
var price = strNum.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); //세자리 콤마(,) 찍는 정규식

console.log(price);	// 700,000 금액

결과 : 700,000

정규식을 사용하면

아주 간단하게

일반 숫자에

세자리 마다

콤마(,)가 찍힌다.

반응형

자주 사용한다면,

매번 정규식을 쓰지말고

함수를 만들어서 사용하자.

세자리 콤마 / 천 단위 콤마 찍는 함수 만들기

var strNum = 700000;			// 숫자
console.log(makePrice(strNum)); // 700,000

function makePrice(strNum) {	// 숫자 가격화 함수
    return strNum.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');	// 세자리 콤마
}

결과 : 700,000