Maison >interface Web >js tutoriel >Une fonction d'utilité pour les chaînes et les nombres de rembourrage
Cet article présente une fonction d'utilité JavaScript, pad
, pour ajouter des caractères principaux aux chaînes ou aux nombres, ce qui en fait une longueur spécifiée. Ceci est particulièrement utile pour la mise en forme des dates et des temps.
Caractéristiques de clé:
pad
prend trois arguments: la valeur à pad (input
), la longueur souhaitée (length
) et le caractère de rembourrage (padding
). Détails de la fonction:
La logique principale de la fonction pad
est:
<code class="language-javascript">function pad(input, length, padding) { while ((input = input.toString()).length + (padding = padding.toString()).length < length) { padding += padding; } return padding.substr(0, length - input.length) + input; }</code>
La fonction pré-complique intelligemment la chaîne de rembourrage pour assurer le rembourrage correct même avec des chaînes de rembourrage à plusieurs caractères. Il extrait ensuite la partie nécessaire pour atteindre la longueur exacte souhaitée.
Exemples d'utilisation:
Formatage de l'heure en cours à deux chiffres:
<code class="language-javascript">var hours = pad(new Date().getHours(), 2, 0);</code>
Création d'une chaîne de temps complète (HH: MM: SS):
<code class="language-javascript">var date = new Date(), time = [ pad(date.getHours(), 2, 0), pad(date.getMinutes(), 2, 0), pad(date.getSeconds(), 2, 0) ]; alert(time.join(':'));</code>
Comparaison avec des approches alternatives:
Une approche plus simple, mais moins robuste serait:
<code class="language-javascript">while (input.length < length) { input = padding + input; } return input;</code>
Cela ne fonctionne que de manière fiable avec des chaînes de rembourrage à caractères à caractéristiques. La fonction pad
évite cette limitation.
Conclusion:
La fonction pad
offre une solution concise et efficace pour un besoin de mise en forme commun. Sa polyvalence s'étend au-delà du formatage de temps à diverses applications nécessitant des chaînes ou des nombres rembourrés.
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!