안녕하세요. 송기석입니다.

자바스크립트에서 숫자를 표시하다 보면 숫자 앞에 0을 넣고 싶을 때가 있습니다.

1 01
2 02
3 03
4 04
5 05
6 06
7 07
8 08
9 09
10 10

이런식으로 숫자를 넣고 싶을 때 다음과 같은 함수를 만들어 사용하면 좋습니다.

var leadingZeros = function (date, num) {
var zero = '';
date = date.toString();
if (date.length < num) {
 for (i = 0; i < num - date.length; i++)
  zero += '0';
}
return zero + date;
}

함수는 실제 데이터 값에 몇자리 까지 0을 채울지를 넣습니다.

예를 들면

leadingZeros(7, 2);

결과는 07 입니다.

코드를 간단히 설명하자면

1. 표시할 데이터를 문자열로 변환합니다.
2. 문자열의 길이가 전체길이 보다 작은지 확인합니다.
3. 영을 전체길이에서 문자열길이만큼 빼고 반복을 합니다.
4. 마지막으로 필요한 수만큼 반복된 0과 데이터를 붙여서 리턴해 줍니다.

여기까지 숫자 앞에 0을 추가해주는 함수 팁입니다.

감사합니다.
이 게시물을...