[JavaScript] 1000단위로 ,(콤마) 찍기

웹페이지를 만들던 도중 천, 만 단위의 수치들을 천 단위로 콤마를 찍어주기로 하였다.

 

■ toLocaleString() 함수

여러가지 천 단위로 콤마를 찍는 경우(정규식)도 있었지만 가장 간단한 toLocaleString() 함수를 사용하였다.

number.toLocaleString('ko-KR')

 

주의할 점은 함수의 앞 변수는 number 타입을 가져야한다!

미리 문자열 변수들을 정수 또는 실수(소수점을 가진)로 바꿔준다.

var iTOTAL_PP = parseInt(o.AA);      // 161295
var iTOTAL_SHIP = parseInt(o.BB);    // 144450
var iTOTAL_BULK = parseInt(o.CC);    // 3009.53

 

toLocaleString() 함수를 적용해 주었다.

$('#tot_ship').html(iTOTAL_SHIP.toLocaleString('ko-KR'));
$('#tot_bulk').html(iTOTAL_BULK.toLocaleString('ko-KR'));

 

 

 

결론

toLocaleString()는 천 단위에 콤마를 붙이는 기능 이외에도 날짜와 array 내용을 문자로 반환해 주는 기능도 가지고 있다!

 

 

참조

[JavaScript] toLocaleString() 활용하기