Maison > interface Web > js tutoriel > Comment puis-je compléter des nombres avec des zéros non significatifs en JavaScript ?

Comment puis-je compléter des nombres avec des zéros non significatifs en JavaScript ?

Susan Sarandon
Libérer: 2024-12-03 09:41:10
original
441 Les gens l'ont consulté

How Can I Pad Numbers with Leading Zeros in JavaScript?

Remplissage des nombres avec des zéros non significatifs en JavaScript

Question originale :

JavaScript peut-il être utilisé remplir un nombre avec des zéros non significatifs jusqu'à une largeur spécifiée ? Par exemple, un nombre comme 9 doit être complété par "0009" avec trois zéros non significatifs.

Solution :

ES2017 Mise à jour :

  • String.prototype.padStart() : Cette méthode intégrée permet de remplir une chaîne avec un nombre spécifié de caractères au début :

    n = 9;
    String(n).padStart(4, '0'); // '0009'
    Copier après la connexion

Héritage Approche :

  • Fonction personnalisée : Si les fonctionnalités ES2017 ne sont pas disponibles, une fonction personnalisée peut être créée pour compléter le numéro :

    function pad(n, width, z) {
    z = z || '0';
    n = n + '';
    return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
    }
    Copier après la connexion
  • Cette fonction prend trois paramètres : le nombre à remplir (n), la largeur souhaitée (width) et un caractère de remplissage facultatif (z, par défaut '0').
  • Il convertit le nombre en chaîne et vérifie sa longueur par rapport à la largeur souhaitée.
  • Si le nombre est plus court que la largeur souhaitée, la fonction crée un tableau avec le nombre d'éléments requis, rempli avec le caractère de remplissage.
  • Les éléments du tableau sont joints en une chaîne et ajoutés au début du nombre pour obtenir le nombre souhaité. rembourrage.

Exemple d'utilisation :

pad(10, 4);      // 0010
pad(9, 4);       // 0009
pad(123, 4);     // 0123

pad(10, 4, '-'); // --10
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal