web-dev-qa-db-fra.com

Comment formater les nombres en ajoutant de 0 à un nombre à un chiffre?

Je veux formater un nombre à deux chiffres. Le problème est causé par le passage de 0 – 9. Par conséquent, j'ai besoin qu'il soit formaté en 00 – 09.

Existe-t-il un formateur de nombres en JavaScript?

javascriptnumber-formatting
257
Keith Power

La meilleure méthode que j'ai trouvée est quelque chose comme ceci:

(Notez que cette version simple ne fonctionne que pour les entiers positifs)

var myNumber = 7;
var formattedNumber = ("0" + myNumber).slice(-2);
console.log(formattedNumber);

Pour les décimales, vous pouvez utiliser ce code (il est cependant un peu bâclé).

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);

Enfin, si vous devez faire face à la possibilité de nombres négatifs, il est préférable de stocker le signe, d'appliquer le formatage à la valeur absolue du nombre et de réappliquer le signe après le fait. Notez que cette méthode ne limite pas le nombre à 2 chiffres au total. Au lieu de cela, il limite uniquement le nombre à gauche de la décimale (la partie entière). (La ligne qui détermine le signe a été trouvée ici ).

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);
511
Joseph Marikle

Si le nombre est supérieur à 9, convertissez-le en chaîne (cohérence). Sinon, ajoutez un zéro.

function n(n){
    return n > 9 ? "" + n: "0" + n;
}

n( 9); //Returns "09"
n(10); //Returns "10"
n(999);//Returns "999"
116
Rob W

Utilisez la méthode toLocaleString () avec n’importe quel nombre. Donc, pour le nombre 6, comme on peut le voir ci-dessous, vous pouvez obtenir les résultats souhaités.

(6).toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false})

Générera la chaîne '06'.

101
nyteshade

Voici une fonction de remplissage de numéro simple que j'utilise habituellement. Cela permet n'importe quelle quantité de rembourrage.

function leftPad(number, targetLength) {
    var output = number + '';
    while (output.length < targetLength) {
        output = '0' + output;
    }
    return output;
}

Exemples:

leftPad(1, 2) // 01
leftPad(10, 2) // 10
leftPad(100, 2) // 100
leftPad(1, 3) // 001
leftPad(1, 8) // 00000001
47
timrwood

Dans tous les navigateurs modernes, vous pouvez utiliser

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);
  }
);
24
Lifehack
("0" + (date.getMonth() +　1)).slice(-2);
("0" + (date.getDay())).slice(-2);
12
Stark

Tu peux faire:

function pad2(number) {
   return (number < 10 ? '0' : '') + number
}

Exemple:

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 />');

Résultat:

00
01
02
10
15
9
fanaur

La réponse de @ Lifehack m'a été très utile; où je pense que nous pouvons le faire en une seule ligne pour des nombres positifs

 String(input).padStart(2, '0');
8
Jee Mok

Il semble que vous pourriez avoir une chaîne, au lieu d'un nombre. utilisez ceci:

var num = document.getElementById('input').value,
    replacement = num.replace(/^(\d)$/, '0$1');
document.getElementById('input').value = replacement;

Voici un exemple: http://jsfiddle.net/xtgFp/

7
Joe

Une doublure rapide et sale ....

function zpad(n, len) {
  return 0..toFixed(len).slice(2,-n.toString().length)+n.toString();
}
6
pwuk

C'est simple et ça marche plutôt bien:

function twoDigit(number) {
  var twodigit = number >= 10 ? number : "0"+number.toString();
  return twodigit;
}
6
nickolusroy

Voici une solution très simple qui a bien fonctionné pour moi.

Commencez par déclarer une variable pour contenir votre numéro.

var number;

Convertissez maintenant le nombre en chaîne et maintenez-le dans une autre variable.

var numberStr = number.toString();

Vous pouvez maintenant tester la longueur de cette chaîne. Si elle est inférieure à celle souhaitée, vous pouvez ajouter un "zéro" au début.

if(numberStr.length < 2){
      number = '0' + number;
}

Maintenant, utilisez le numéro comme vous le souhaitez

console.log(number);
5
Edgar256

Voici la solution la plus simple que j'ai trouvée: -

let num = 9; // any number between 0 & 99
let result = ( '0' + num ).substr( -2 );
5
Bassam

Version améliorée de la réponse précédente

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));
5
hack4mer

Je sais que cette publication est ancienne, mais je souhaitais proposer une solution plus flexible et OO.

J'ai extrapolé un peu la réponse acceptée et étendu l'objet Number de javascript pour permettre le remplissage à zéro ajustable:

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"

Edit: Ajoutez du code pour éviter de couper des numéros plus longs que vos chiffres demandés.

NOTE: Ceci est obsolète dans tout sauf IE. Utilisez padStart() à la place.

5
Noah Duncan

Il n'y a pas de formateur de nombres intégré pour JavaScript, mais certaines bibliothèques accomplissent ceci:

  1. nderscore.string fournit une fonction sprintf (avec beaucoup d'autres formateurs utiles)
  2. javascript-sprintf , qui est underscore.string.
4
coltraneofmars

ou

function zpad(n,l){
   return rep(l-n.toString().length, '0') + n.toString();
}

avec

function rep(len, chr) { 
   return new Array(len+1).join(chr);
}
3
pwuk

Si vous souhaitez limiter vos chiffres en même temps:

function pad2(number) {
  number = (number < 10 ? '0' : '') + number;
  number = number.substring(0,2);
  return number;
}

Cela hacherait également toute valeur dépassant deux chiffres. J'ai étendu cela à la solution de fanaur.

3
leopold
<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>
2
Victor Jatobá

Voici une solution récursive simple qui fonctionne pour un nombre quelconque de chiffres.

function numToNDigitStr(num, n)
{
    if(num >=  Math.pow(10, n - 1)) { return num; }
    return "0" + numToNDigitStr(num, n-1);
}
2
user1052527

Si vous n'avez pas lodash dans votre projet, il ne sera pas utile d'ajouter toute la bibliothèque pour utiliser une seule fonction. C'est la solution la plus sophistiquée de votre problème que j'ai jamais vue.

_.padStart(num, 2, '0')
2
kucherenkovova

Voici ma version. Peut facilement être adapté à d'autres scénarios.

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();
}
1
Veverke
    function colorOf(r,g,b){
  var f = function (x) {
    return (x<16 ? '0' : '') + x.toString(16) 
  };

  return "#" +  f(r) + f(g) + f(b);
}
1
Alexey Tseitlin

J'ai construit une fonction de format assez simple que j'appelle chaque fois que j'ai besoin d'une date simple formatée. Il traite le formatage de chiffres à deux chiffres quand ils sont inférieurs à 10. Il supprime une date au format Sat Sep 29 2018 - 00:05:44

Cette fonction est utilisée dans le cadre d'une variable utils. Elle s'appelle donc:

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;
  }
}
1
Arq

`${number}`.replace(/^(\d)$/, '0$1');

Regex est le meilleur.

1
Son Tr.

Les types de données AS en Javascript sont déterminés de manière dynamique. Il traite 04 comme 4. Utilisez une instruction conditionnelle si la valeur est inférieure à 10, puis ajoutez 0 avant en la transformant en chaîne - eg,

var x=4;
  x = x<10?"0"+x:x
 console.log(x); // 04
1
Siddhartha

Pour ceux qui veulent avoir des différences de temps et des résultats qui peuvent prendre des nombres négatifs, voici un bon. pad (3) = "03", pad (-2) = "-02", pad (-234) = "-234"

pad = function(n){
  if(n >= 0){
    return n > 9 ? "" + n : "0" + n;
  }else{
    return n < -9 ? "" + n : "-0" + Math.abs(n);
  }
}
1
mjwrazor

avec cette fonction, vous pouvez imprimer avec n chiffres quelconques

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;
};
1
jalmatari

mon exemple serait:

<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)
1
DHJ