Number Format

PHP에는 numner_format() 가 있어 숫자 타입의 데이터에 콤마(,) 또는 소숫점(.)을 표현 하는데 큰 어려움이 없지만

Javascript 에는 위의 함수가 없기 때문에 숫자 타입의 데이터에 3자리마다 콤마를 찍어 출력하고 싶은 경우 다음 함수를 만들어 사용한다.

function gfnNumberFormat( str ) {

    var str = String(str);

    var reg = /(\-?\d+)(\d{3})($|\.\d+)/;

    if(reg.test(str)){

        return str.replace(reg, function(str, p1, p2, p3){

                return gfnNumberFormat(p1) + "," + p2 + "" + p3;

            }

        );

    }else{

        return str;

    }

}

<실행결과>

1) 결과와 같이 숫자타입의 문자열이 들어가면 3자리 마다 콤마(,)를 삽입하여 리턴해준다.

var res = gfnNumberFormat("10000")

"10,000"

2) 소수점 숫자타입의 문자열도 문제없이 콤마(,)를 삽입하여 리턴해준다.

var res = gfnNumberFormat("1000000.00")

"1,000,000.00"

3) 한글문자열이 입력되면 한글 그대로 출력해준다.

var res = gfnNumberFormat("한글테스트")

"한글테스트"

4) 영문문자열이 입력되면 영문 그대로 출력해준다.

var res = gfnNumberFormat("abcdefg")

"abcdefg"

함수는 구현 방법에 따라 다르게 구현 할 수 있는데, 위의 함수는 정규식을 이용하여 구현하였기 때문에 한글, 영문, 숫자타입, 소수점에 대해서 예외처리 없이 구현할 수 있다.