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

 
Previous Post 자바스크립트] 구구단 출력, 구구단표 만들기; HTML JavaScript Multipli...Java/자바] 구구단 출력, 구구단표 만들기 자바 소스; Multiplication Ta...C언어] 구구단 출력, 구구단표 만들기 C소스; Multiplication Table 99...Perl/펄] 구구단 출력, 구구단표 만들기; Multiplication Table 99자바스크립트] 음수, 양수의 곱셈 방법 설명; JavaScript Multiply Nega...Java/자바] 음수 곱하기 음수가, 양수가 되는 이유, 음수 곱셈; Multiplicat...KAGAYA 천문 월페이퍼 (가가야 별자리 벽지) 다운로드 홈페이지 주소; Wallpape...C언어] NaN 출력, 실수 연산 에러 판단 함수 _isnan(); isnanPerl/펄] 표준 편차 구하기/계산 함수; Standard Deviation Functi...Python/파이썬] 표준편차 구하기/계산 함수 소스; Standard Deviation ...

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

Wednesday, February 28, 2007

자바스크립트에서 숫자를 표현할 때, 앞에 공백(스페이스)을 붙여서 자릿수를 맞추는 함수를 만드는 방법입니다. 예를 들어 다음과 같이
[  5]
[ 55]
[555]

작은 자릿수의 숫자 앞에 공백을 추가하여, 큰 자릿수 숫자와 줄을 맞추는 것입니다.
leadingSpaces(숫자, 자리수)
이런 형식으로 사용합니다.

그런데 HTML에서는 폰트의 종류에 따라, 공백의 폭이 들쭉날쭉합니다. 따라서 "돋움체(DotumChe)" 같이, 폭이 일정한 폰트를 지정해야, 숫자 앞의 공백이 보기 좋게 정렬되어 나옵니다. 다음 예제와 같습니다.

JavaScript: 숫자 여백에 스페이스(Space) 문자 넣기 예제; printf() 함수처럼


파일명: example.html
(공백 문자가 앞에 붙어 있는지 아닌지 알아 보기 쉽도록, 숫자 양옆에 대괄호를 붙였습니다.)
<script type="text/javascript">

document.write('<div style="font:12pt DotumChe">');



document.write('[', leadingSpaces(5, 3), ']<br />');
// 출력 결과: [  5]

document.write('[', leadingSpaces(55, 3), ']<br />');
// 출력 결과: [ 55]

document.write('[', leadingSpaces(555, 3), ']<br />');
// 출력 결과: [555]



document.write('</div>');




function leadingSpaces(n, digits) {
  var space = '';
  n = n.toString();

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

</script>



실용적인 예제: ▶▶ 자바스크립트] 구구단 출력, 구구단표 만들기; HTML JavaScript Multiplication Table 99



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

0 Comments:

Post a Comment

<< Home RSS 2.0 feed

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