Friday, January 12, 2007
자바스크립트] 숫자 앞에 공(0), 제로(영) 붙이기/추가. Leading Zero to Number JavaScript
다른 언어에서는 printf() 함수와 같은 포맷 출력이 가능하지만, 자바스크립트에는 그런 함수가 없더군요.
예를 들어, 9를 09 이렇게, "두 자리로 표현"하려면 별도의 함수를 만들어야 했습니다.
아래 예제 속에 있는 leadingZeros() 라는 함수로, 숫자 앞부분의 공백에 영을 추가할 수 있습니다.
파일명: test.html
leadingZeros(숫자, 자리수)
형식입니다. 숫자의 자리수가, 인수로 지정해 준 자리수에 모자라면, 그 빈 자리를 숫자 영(0)으로 채웁니다. 즉, 앞의 빈자리에 제로를 추가하는 것입니다.
실용적인 예제 (5월을 05월로 표시하는 등): ▶▶ 자바스크립트] 한국식 날짜/시간 문자열 출력; 타임 스탬프 찍기; JavaScript YYYY-MM-DD hh:mm:ss
▶▶ 자바스크립트] 숫자 앞에 공백 추가, 자릿수 맞추기; Leading Spaces to Number JavaScript
버그 수정:
for문 속에 var를 넣어 i를 지역 변수로 만들어 주었습니다. var가 없으면 i가 전역 변수가 되는 문제가 있었습니다.
예를 들어, 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>
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
좋은 소스 감사합니다.
<< Home