我想将数字格式化为两位数。问题是在0
-9
传递时引起的,所以我需要将其格式化为00
- 09
。
JavaScript 中有数字格式化程序吗?
我想将数字格式化为两位数。问题是在0
-9
传递时引起的,所以我需要将其格式化为00
- 09
。
JavaScript 中有数字格式化程序吗?
不再需要像这样手动格式化数字了。这个答案写在遥远的 2011 年,当时 IE 很重要,而 babel 和 bundler 只是一个美好的、充满希望的梦想。
我认为删除这个答案是错误的;但是,如果您发现自己在这里,我想请您注意在本次编辑时对这个问题的第二高投票答案。
它将向您介绍如何使用.toLocaleString()
的 options 参数{minimumIntegerDigits: 2}
。令人兴奋的东西。为了您的方便,我在下面使用此方法重新创建了原始答案中的所有三个示例。
[7, 7.5, -7.2345].forEach(myNumber => {
let formattedNumber = myNumber.toLocaleString('en-US', {
minimumIntegerDigits: 2,
useGrouping: false
})
console.log(
'Input: ' + myNumber + '\n' +
'Output: ' + formattedNumber
)
})
我发现的最好的方法是这样的:
(请注意,这个简单版本仅适用于正整数)
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 位总位数。相反,它只限制小数点左边的数字(整数部分)。(确定标志的线在这里找到)。
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);
使用任意数量的 toLocaleString() 方法。因此,对于数字 6,如下所示,您可以获得所需的结果。
(6).toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false})
将生成字符串'06'。
如果数字大于 9,则将数字转换为字符串(一致性)。否则,添加一个零。
function n(n){
return n > 9 ? "" + n: "0" + n;
}
n( 9); //Returns "09"
n(10); //Returns "10"
n(999);//Returns "999"
这是我通常使用的一个简单的数字填充函数。它允许任意数量的填充。
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);
}
);