mwultong Blog ... 프로그래밍 / 계산기

컴퓨터 엑셀 워드 포토샵 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Friday, January 12, 2007

자바스크립트] 숫자 앞에 공(0), 제로(영) 붙이기/추가. Leading Zero to Number JavaScript


다른 언어에서는 printf() 함수와 같은 포맷 출력이 가능하지만, 자바스크립트에는 그런 함수가 없더군요.

예를 들어, 9를 09 이렇게, "두 자리로 표현"하려면 별도의 함수를 만들어야 했습니다.

아래 예제 속에 있는 leadingZeros() 라는 함수로, 숫자 앞부분의 공백에 영을 추가할 수 있습니다.


JavaScript: 숫자 앞에 0 추가 하기 예제; printf() 함수처럼


파일명: test.html
<script type="text/javascript">

document.write(leadingZeros(5, 3) + '<br />');
// 출력 결과: 005

document.write(leadingZeros(55, 3) + '<br />');
// 출력 결과: 055

document.write(leadingZeros(555, 3) + '<br />');
// 출력 결과: 555



function leadingZeros(n, digits) {
  var zero = '';
  n = n.toString();

  if (n.length < digits) {
    for (var i = 0; i < digits - n.length; i++)
      zero += '0';
  }
  return zero + n;
}

</script>


leadingZeros(숫자, 자리수)
형식입니다. 숫자의 자리수가, 인수로 지정해 준 자리수에 모자라면, 그 빈 자리를 숫자 영(0)으로 채웁니다. 즉, 앞의 빈자리에 제로를 추가하는 것입니다.


실용적인 예제 (5월을 05월로 표시하는 등): ▶▶ 자바스크립트] 한국식 날짜/시간 문자열 출력; 타임 스탬프 찍기; JavaScript YYYY-MM-DD hh:mm:ss



▶▶ 자바스크립트] 숫자 앞에 공백 추가, 자릿수 맞추기; Leading Spaces to Number JavaScript



버그 수정:
for문 속에 var를 넣어 i를 지역 변수로 만들어 주었습니다. var가 없으면 i가 전역 변수가 되는 문제가 있었습니다.




tag: html
HTML | CSS | 자바스크립트 JavaScript

1 Comments:
At October 14, 2009 at 10:37 PM, Anonymous Anonymous said...

좋은 소스 감사합니다.

 

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Previous Posts
Monthly Archives
Top