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
353 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!

source:php.cn
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