JavaScript 타임스탬프->날짜변환(Date) / 숫자형 3자리단위 콤마(,) 찍기

안녕하세요.

요즘은 JSTL 혹은 서버에서 페이지로 넘어올때 날짜변환이 이루어져 넘어오는경우가 많습니다.

하지만, 특수한 상황에는 꼭 자바스크립트에서만 처리를 해야 할 경우가 발생하는데요.

저도 자주 까먹어서 공유 및 기록차 포스팅을 하게되었습니다.

추가적으로 자바스크립트로 숫자형 3자리마다 콤마를 찍는 방법 또한 포스팅을 시작하겠습니다.

타임스탬프를 날짜로 변환하기

먼저 샘플 타임스탬프 값을 가져왔습니다.

1545269785000

현재 시간을 샘플로 타임스탬프로 뽑아보았구요.

이 값을 이제 날짜형식으로 변경하는 샘플 입니다. 

var timestamp = 1545186677000;
var date = new Date(timestamp);
console.log(date);

타임스탬프 값을 Date 내장함수에 넣어주면 됩니다.

간단 하죠? 결과값은 이렇게 출력이 됩니다.

숫자형 데이터 3자리 단위 콤마(,) 찍기

먼저 숫자형 데이터가 필요 합니다.

문자가 섞여 있으면 되지 않습니다.

하지만 문자로 넘어온 숫자형 데이터라면 변환후 처리를 해주면 됩니다.

저는 샘플데이터로 날짜변환에서 사용한 타임스태프를 그대로 사용해보겠습니다.

1545269785000

저 숫자값을 문자라고 생각해고 Number()형으로 변환후 처리 해보겠습니다.

var money = Number(1545186677000).toLocaleString();
console.log(money);

핵심은 .toLocaleString()입니다.

숫자값을 (,)로 3자리 단위로 처리 해줍니다.

간단합니다. 결과는 이렇게 출력이 됩니다.

감사합니다.