1桁の数字の前に0を付けて数字をフォーマットする方法
数字を2桁にフォーマットしたい。この問題は、0 – 9が渡されたときに発生するため、00 – 09にフォーマットする必要があります。
JavaScriptに数値フォーマッタはありますか？
私が見つけた最良の方法は次のようなものです。
（この単純なバージョンは正の整数に対してのみ機能することに注意してください）
var myNumber = 7;
var formattedNumber = ("0" + myNumber).slice(-2);
console.log(formattedNumber);小数のために、あなたはこのコードを使うことができます（それは少しずさんなことです）。
var myNumber = 7.5;
var dec = myNumber - Math.floor(myNumber);
myNumber = myNumber - dec;
var formattedNumber = ("0" + myNumber).slice(-2) + dec.toString().substr(1);
console.log(formattedNumber);最後に、負の数の可能性に対処する必要がある場合は、符号を保存し、数値の絶対値にフォーマットを適用して、事実の後に符号を再適用するのが最善です。この方法では、合計数が2桁に制限されません。代わりに、数値を10進数の左側（整数部分）に制限するだけです。 （記号を決定する行はここで見つかりました）。
var myNumber = -7.2345;
var sign = myNumber?myNumber<0?-1:1:0;
myNumber = myNumber * sign + ''; // poor man's absolute value
var dec = myNumber.match(/\.\d+$/);
var int = myNumber.match(/^[^\.]+/);
var formattedNumber = (sign < 0 ? '-' : '') + ("0" + int).slice(-2) + (dec !== null ? dec : '');
console.log(formattedNumber);数値が9より大きい場合は、数値を文字列に変換します（一貫性）。そうでなければ、ゼロを追加します。
function n(n){
return n > 9 ? "" + n: "0" + n;
}
n( 9); //Returns "09"
n(10); //Returns "10"
n(999);//Returns "999"
ToLocaleString（）メソッドを任意の数で使用してください。そのため、下記のように数字6の場合は、希望する結果が得られます。
(6).toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false})
文字列 '06'を生成します。
これは私が普段使っている単純な数字パディング関数です。任意の量のパディングが可能です。
function leftPad(number, targetLength) {
var output = number + '';
while (output.length < targetLength) {
output = '0' + output;
}
return output;
}
例：
leftPad(1, 2) // 01
leftPad(10, 2) // 10
leftPad(100, 2) // 100
leftPad(1, 3) // 001
leftPad(1, 8) // 00000001
最近のすべてのブラウザでは、次のものを使用できます。
numberStr.padStart(2, "0");
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart
function zeroPad(numberStr) {
return numberStr.padStart(2, "0");
}
var numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
numbers.forEach(
function(num) {
var numString = num.toString();
var paddedNum = zeroPad(numString);
console.log(paddedNum);
}
);("0" + (date.getMonth() + 1)).slice(-2);
("0" + (date.getDay())).slice(-2);
できるよ：
function pad2(number) {
return (number < 10 ? '0' : '') + number
}
例：
document.write(pad2(0) + '<br />');
document.write(pad2(1) + '<br />');
document.write(pad2(2) + '<br />');
document.write(pad2(10) + '<br />');
document.write(pad2(15) + '<br />');
結果：
00
01
02
10
15
@ Lifehackの答えは私にとって非常に役に立ちました。正数に対して一行でできると思います
String(input).padStart(2, '0');
数字ではなく文字列があるようです。これを使って：
var num = document.getElementById('input').value,
replacement = num.replace(/^(\d)$/, '0$1');
document.getElementById('input').value = replacement;
例を示します。 http://jsfiddle.net/xtgFp/
早くて汚いワンライナー….
function zpad(n, len) {
return 0..toFixed(len).slice(2,-n.toString().length)+n.toString();
}
これは簡単で、とてもうまくいきます：
function twoDigit(number) {
var twodigit = number >= 10 ? number : "0"+number.toString();
return twodigit;
}
これは私にとってうまくいった非常に単純な解決策です。
まずあなたの番号を保持するための変数を宣言します。
var number;
今度は数値を文字列に変換して別の変数に保持します。
var numberStr = number.toString();
この文字列の長さをテストすることができます。必要以上に短い場合は、先頭に「0」を追加できます。
if(numberStr.length < 2){
number = '0' + number;
}
今すぐ必要に応じて番号を使用してください
console.log(number);
これが私が見つけた最も簡単な解決策です： -
let num = 9; // any number between 0 & 99
let result = ( '0' + num ).substr( -2 );
前回の回答の改良版
function atLeast2Digit(n){
n = parseInt(n); //ex. if already passed '05' it will be converted to number 5
var ret = n > 9 ? "" + n: "0" + n;
return ret;
}
alert(atLeast2Digit(5));これは古くからの投稿ですが、より柔軟でOO解決策の選択肢を提供したいと思いました。
私は、受け入れられた答えを少し外挿し、調整可能なゼロパディングを可能にするためにjavascriptのNumberオブジェクトを拡張しました。
Number.prototype.zeroPad = function(digits) {
var loop = digits;
var zeros = "";
while (loop) {
zeros += "0";
loop--;
}
return (this.toString().length > digits) ?
this.toString() : (zeros + this).slice(-digits);
}
var v = 5;
console.log(v.zeroPad(2)); // returns "05"
console.log(v.zeroPad(4)); // returns "0005"編集：あなたの要求された数字より長い数を切り捨てないようにコードを追加してください。
注：これはIEを除くすべてのバージョンで廃止されました。代わりにpadStart()を使用してください。
JavaScript用の組み込みの数値フォーマッタはありませんが、これを実現するライブラリがいくつかあります。
- underscore.string は（他の多くの便利なフォーマッタと共に）sprintf関数を提供します。
- javascript-sprintf 、アンダースコア。
または
function zpad(n,l){
return rep(l-n.toString().length, '0') + n.toString();
}
と
function rep(len, chr) {
return new Array(len+1).join(chr);
}
同時に桁数を制限したい場合は、
function pad2(number) {
number = (number < 10 ? '0' : '') + number;
number = number.substring(0,2);
return number;
}
これは2桁を超える値も切り落とします。私はこれをファナウルの解決策にまで拡張してきました。
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#test').keypress(allowOnlyTwoPositiveDigts);
});
function allowOnlyTwoPositiveDigts(e){
var test = /^[\-]?[0-9]{1,2}?$/
return test.test(this.value+String.fromCharCode(e.which))
}
</script>
</head>
<body>
<input id="test" type="text" />
</body>
</html>
これは、任意の桁数で機能する単純な再帰的解決策です。
function numToNDigitStr(num, n)
{
if(num >= Math.pow(10, n - 1)) { return num; }
return "0" + numToNDigitStr(num, n-1);
}
プロジェクトにlodashがない場合は、1つの関数を使用するためだけにライブラリ全体を追加するのはやり過ぎです。これは私が今まで見たことがあるあなたの問題の最も洗練された解決策です。
_.padStart(num, 2, '0')
これが私のバージョンです。他のシナリオに簡単に適応できます。
function setNumericFormat(value) {
var length = value.toString().length;
if (length < 4) {
var prefix = "";
for (var i = 1; i <= 4 - length; i++) {
prefix += "0";
}
return prefix + value.toString();
}
return value.toString();
}
function colorOf(r,g,b){
var f = function (x) {
return (x<16 ? '0' : '') + x.toString(16)
};
return "#" + f(r) + f(g) + f(b);
}
単純な日付の書式設定が必要なときに呼び出すかなり単純な書式設定関数を作成しました。 10未満の場合、1桁を2桁にフォーマットします。Sat Sep 29 2018 - 00:05:44としてフォーマットされた日付を開始します。
この関数はutils変数の一部として使用されるため、次のように呼び出されます。
let timestamp = utils._dateFormatter('your date string');
var utils = {
_dateFormatter: function(dateString) {
let d = new Date(dateString);
let hours = d.getHours();
let minutes = d.getMinutes();
let seconds = d.getSeconds();
d = d.toDateString();
if (hours < 10) {
hours = '0' + hours;
}
if (minutes < 10) {
minutes = '0' + minutes;
}
if (seconds < 10) {
seconds = '0' + seconds;
}
let formattedDate = d + ' - ' + hours + ':' + minutes + ':' + seconds;
return formattedDate;
}
}
`${number}`.replace(/^(\d)$/, '0$1');
正規表現は最高です。
JavascriptのASデータ型は動的に決定され、04を4として扱います。valueが10よりも小さい場合は条件文を使用し、文字列にすることによってその前に0を追加します例えば、
var x=4;
x = x<10?"0"+x:x
console.log(x); // 04
時間差があり、ここで負の数を取ることができる結果を得たいと思う人にとっては、これは良いことです。パッド（3）= "03"、パッド（-2）= "-02"、パッド（-234）= "-234"
pad = function(n){
if(n >= 0){
return n > 9 ? "" + n : "0" + n;
}else{
return n < -9 ? "" + n : "-0" + Math.abs(n);
}
}
この機能を使うとあなたが望むn桁で印刷することができます
function frmtDigit(num, n) {
isMinus = num < 0;
if (isMinus)
num *= -1;
digit = '';
if (typeof n == 'undefined')
n = 2;//two digits
for (i = 1; i < n; i++) {
if (num < (1 + Array(i + 1).join("0")))
digit += '0';
}
digit = (isMinus ? '-' : '') + digit + num;
return digit;
};
私の例はです。
<div id="showTime"></div>
function x() {
var showTime = document.getElementById("showTime");
var myTime = new Date();
var hour = myTime.getHours();
var minu = myTime.getMinutes();
var secs = myTime.getSeconds();
if (hour < 10) {
hour = "0" + hour
};
if (minu < 10) {
minu = "0" + minu
};
if (secs < 10) {
secs = "0" + secs
};
showTime.innerHTML = hour + ":" + minu + ":" + secs;
}
setInterval("x()", 1000)