我想把一个数格式化为两位数。这个问题是在传递0-9时引起的，所以我需要将它格式化为00-09。
JavaScript中有数字格式化器吗?
如果数字大于9，则将数字转换为字符串(一致性)。否则，加一个零。
function n(n){
return n > 9 ? "" + n: "0" + n;
}
n( 9); //Returns "09"
n(10); //Returns "10"
n(999);//Returns "999"
编辑(2021):
不再需要像这样手工格式化数字了。这个答案写在很久以前——在遥远的2011年，那时IE很重要，巴别塔和捆绑器只是一个美好的、充满希望的梦想。
我认为删除这个答案是错误的;然而，如果你发现自己在这里，我想把你的注意力转移到这个问题的投票第二高的答案。
它将向您介绍使用. tolocalestring()与选项参数{minimumIntegerDigits: 2}。令人兴奋的东西。下面我用这个方法从我最初的答案中重新创建了所有三个例子，以方便你。
[7， 7.5， -7.2345].forEach（myNumber => { let formattedNumber = myNumber.toLocaleString（'en-US'， { 最小整数位数：2， 使用分组：假 }) console.log（ '输入： ' + 我的号码 + '\n' + '输出： ' + 格式化数字 ) })
最初的回答:
我发现的最好的方法是这样的:
(注意，这个简单版本只适用于正整数)
var myNumber = 7; var formattedNumber = （“0” + myNumber）.slice（-2）; 控制台.log（格式化编号）;
对于小数，您可以使用这个代码(尽管它有点草率)。
var myNumber = 7.5; var dec = myNumber - Math.floor（myNumber）; 我的号码 = 我的号码 - 十进制; var formattedNumber = （“0” + myNumber）.slice（-2） + dec.toString（）.substr（1）; 控制台.log（格式化编号）;
最后，如果必须处理负数的可能性，最好存储符号，将格式应用于数字的绝对值，并在事后重新应用符号。注意，此方法没有将数字限制为2位。相反，它只限制小数左边的数字(整数部分)。(决定符号的线在这里找到)。
var myNumber = -7.2345; var 符号 = myNumber？myNumber<0？-1：1：0; 我的号码 = 我的号码 * 符号 + '';穷人的绝对价值 var dec = myNumber.match（/\.\d+$/）; var int = myNumber.match（/^[^\.]+/); var 格式化数字 = （符号 < 0 ？'-' ： ''） + （“0” + int）.slice（-2） + （dec ！== null ？ dec ： ''）; 控制台.log（格式化编号）;
似乎你得到的是一个字符串，而不是一个数字。用这个:
var num = document.getElementById('input').value,
replacement = num.replace(/^(\d)$/, '0$1');
document.getElementById('input').value = replacement;
这里有一个例子:http://jsfiddle.net/xtgFp/
JavaScript没有内置的数字格式化器，但是有一些库可以实现这个功能:
下划线。String提供了sprintf函数(以及许多其他有用的格式化方法) Javascript-sprintf，其中下划线。字符串借用。
这是一个简单的数字填充函数，我经常使用。它允许任意数量的填充。
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
快速和肮脏的一个班轮....
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;
}
<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>
or
function zpad(n,l){
return rep(l-n.toString().length, '0') + n.toString();
}
with
function rep(len, chr) {
return new Array(len+1).join(chr);
}
你可以:
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
在任意数字中使用toLocaleString()方法。因此，对于数字6，如下所示，您可以得到所需的结果。
(6).toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false})
将生成字符串'06'。
我知道这是一个古老的帖子，但我想提供一个更灵活和面向对象的解决方案选项。
我已经推断了接受的答案，并扩展了javascript的Number对象，以允许可调的零填充:
Number.prototype.zeroPad =函数(数字){ Var循环=数字; Var 0 = ""; While(循环){ 零+= "0"; 循环,; ｝ 返回(this.toString()。长度为>位数)? this. tostring ():(0 + this).slice(-digits); ｝ Var v = 5; console.log (v.zeroPad (2));//返回"05" console.log (v.zeroPad (4));//返回"0005"
编辑:添加代码以防止截断比要求的数字更长的数字。
注意:除了IE，这在其他所有浏览器中都是过时的。请改用padStart()。
这是我的版本。可以很容易地适应其他场景。
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 numToNDigitStr(num, n)
{
if(num >= Math.pow(10, n - 1)) { return num; }
return "0" + numToNDigitStr(num, n-1);
}
如果您的项目中没有lodash，那么仅仅为了使用一个函数而添加整个库将是一种过度。这是我见过的最复杂的解决你问题的方法。
_.padStart(num, 2, '0')
之前答案的改进版本
函数atLeast2Digit (n) { n = parseInt(n);/ /交货。如果已经经过'05'，它将被转换为数字5 Var ret = n > 9 ?" + n: "0" + n; 返回受潮湿腐烂; ｝ alert (atLeast2Digit (5));
function colorOf(r,g,b){
var f = function (x) {
return (x<16 ? '0' : '') + x.toString(16)
};
return "#" + f(r) + f(g) + f(b);
}
对于任何想要有时间差并得到负数结果的人来说，这是一个很好的例子。垫(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);
}
}
我的例子是:
<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)
如果你想同时限制你的数字:
function pad2(number) {
number = (number < 10 ? '0' : '') + number;
number = number.substring(0,2);
return number;
}
这也会对任何超过两位数的值进行切取。 我一直在扩展法纳尔的解决方案。
使用这个函数，你可以打印任意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;
};
在所有现代浏览器中都可以使用
numberStr.padStart(2, "0");
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart
函数 zeroPad（numberStr） { 返回 numberStr.padStart（2， “0”）; } 变量数 = [0， 1， 2， 3， 4， 5， 6， 7， 8， 9， 10]; 数字.forEach（ 函数（数字） { var numString = num.toString（）; var ppadNum = zeroPad（numString）; console.log（填充数字）; } );
AS数据类型在Javascript中是动态确定的，它将04视为4 如果值小于10，则使用条件语句，然后在其前面添加0，使其成为字符串 例如,
var x=4;
x = x<10?"0"+x:x
console.log(x); // 04
我建立了一个非常简单的格式函数，每当我需要一个简单的日期格式化时，我就调用它。当数字小于10时，它处理将个位数格式化为两位数。它踢出的日期格式为2018年9月29日星期六- 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;
}
}
这里有一个非常简单的解决方法，对我来说很有效。
首先声明一个变量来保存你的号码。
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 );
为ES6箭头函数更新(几乎所有现代浏览器都支持，参见CanIUse)
const formatNumber = n => ("0" + n).slice(-2);
这是一个老问题，但我想补充一下。在现代浏览器中，你可以使用repeat来简化正数格式:
('0'.repeat(digits - 1) + num).substr(-digits)
如果你想要支持IE并且知道最大数字数(例如，10位):
('000000000' + num).substr(-digits)
对于负整数:
(num < 0 ? '-' : '') + ('000000000' + Math.abs(num)).substr(-digits)
对于正数显式使用+:
['-', '', '+'][Math.sign(num) + 1] + ('000000000' + Math.abs(num)).substr(-digits)
我的版本:
`${Math.trunc(num / 10)}${Math.trunc(num % 10)}`;
const func = （num） => '${Math.trunc（num / 10）}${Math.trunc（num % 10）}'; 常量数 = [1， 3， 5， 6， 8， 9， 10， 20， 56， 80]; nums.forEach（num => console.log（func（num）））;
这是一个非常好的和简短的解决方案:
smartTime(time) {
return time < 10 ? "0" + time.toString().trim() : time;
}
你可以使用padStart方法:
更多信息:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart
check this example:函数n(num, len = 2) { 返回“$ {num}”。padStart (len, ' 0 '); ｝ console.log (n (9));/ /打印“09” console.log (n (10));/ /打印“10” console.log (n (999));/ /打印“999” console.log (n(999 6)); / /打印“000999”
您也可以使用Intl一个ECMAScript国际API，它可以像这样简单地自定义您的号码
let Number= Intl.NumberFormat('en-US', {
minimumIntegerDigits: 2,
minimumFractionDigits: 2
});
console.log(Number.format(2));
//02.00
和许多具有Intl的嵌入式函数，你可以放一个前缀符号，符号和货币格式等文档，只需点击这里
推荐文章
- 给一个数字加上st, nd, rd和th(序数)后缀
- 如何以编程方式触发引导模式?
- setTimeout带引号和不带括号的区别
- 在JS的Chrome CPU配置文件中，'self'和'total'之间的差异
- 用javascript检查输入字符串中是否包含数字
- 如何使用JavaScript分割逗号分隔字符串?
- 在Javascript中~~(“双波浪号”)做什么?
- 谷歌chrome扩展::console.log()从后台页面?
- 未捕获的SyntaxError:
- [].slice的解释。调用javascript?
- jQuery日期/时间选择器
- 我如何预填充一个jQuery Datepicker文本框与今天的日期?
- 数组的indexOf函数和findIndex函数的区别
- jQuery添加必要的输入字段
- Access-Control-Allow-Origin不允许Origin < Origin >
