桁数をそろえるために0を埋める
- <!DOCTYPE html>
- <html lang="ja">
- <head>
- <meta charset="UTF-8">
- <title>桁数をそろえるために0を埋める</title>
- <style type="text/css">
- td,th{border:1px solid #ccc;padding:3px;}
- </style>
- <body>
- <h1>桁数をそろえるために0を埋める</h1>
- <script type="text/javascript">
- /**
- * 桁数をそろえるために0を埋める
- * digit:桁
- * num :数字
- */
- function convertNumberDigits(digit, num)
- {
- var src = new String(num);
- var cnt = digit - src.length;
-
- if (0 < cnt) {
- while (cnt-- > 0) {
- src = "0" + src;
- }
- }
- return src;
- }
- document.write("<table>");
- document.write("<tr>");
- document.write("<th>内容</th>");
- document.write("<th>実行文</th>");
- document.write("<th>結果</th>");
- document.write("</tr>");
- document.write("<tr>");
- document.write("<td>「3」を「003」とする</td>");
- document.write("<td>convertNumberDigits(3, 3);</td>");
- document.write("<td>" + convertNumberDigits(3, 3) + "</td>");
- document.write("</tr>");
- document.write("<tr>");
- document.write("<td>「21」を「021」とする</td>");
- document.write("<td>convertNumberDigits(3, 21);</td>");
- document.write("<td>" + convertNumberDigits(3, 21) + "</td>");
- document.write("</tr>");
- document.write("<tr>");
- document.write("<td>「21」を「0021」とする</td>");
- document.write("<td>convertNumberDigits(4, 21);</td>");
- document.write("<td>" + convertNumberDigits(4, 21) + "</td>");
- document.write("</tr>");
- document.write("<tr>");
- document.write("<td>「21」と「3」を「2ケタ」にする</td>");
- document.write("<td>convertNumberDigits(2, 21);<br />convertNumberDigits(2, 3);</td>");
- document.write("<td>" + convertNumberDigits(2, 21) + "<br />" + convertNumberDigits(2, 3) + "</td>");
- document.write("</tr>");
- document.write("</table>");
- </script>
- <div style="font-size:10pt;text-align:right;margin-top:0.5em;">
- <a href="//tips.recatnap.info/" target="_top">PCスキルの小技・忘却防止メモ</a> -
- <a href="//tips.recatnap.info/wiki/" target="_top">PCスキルの小技・忘却防止メモのまとめ(wiki)</a>
- </div>
- <div style="font-size:10pt;text-align:center;margin-top:0.5em;padding:0.5em;border-top:1px solid #ccc;">
- Copyright © 2009 by PCスキルの小技・忘却防止メモ. All rights reserved.
- </div>
- </body>
- </html>