JS / 가격콤마찍기 Price new Intl.NumberFormat()

쇼핑몰 퍼블리싱중이다.

상품가격에 콤마를 찍어볼것이다.

포맷방법은 2가지 내장함수를 사용하거나 정규표현식을 이용하면 된다.

정규표현식을 이용한 방법은 디테일페이지에서 수량선택을하니 total가격이 바뀌는 이슈가 발생했다.

내장함수를 이용하는게 더 좋은것 같다.

 

 

1. 내장함수 사용하기

let PriceFormat = new Intl.NumberFormat().format(item.sale_price)

화폐마다 다르게 설정할 수 있다. 기본은 달러이다. 

달러랑 원이랑 콤마자리가 똑같기 때문에 따로 설정은 안해도 된다.

 

2.정규표현식 사용하기

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