Maison > interface Web > js tutoriel > le corps du texte

Comment compléter des nombres en js

(*-*)浩
Libérer: 2020-09-18 13:35:58
original
4004 Les gens l'ont consulté

Méthode JS pour compléter les nombres : 1. Implémentée par itération ; 2. Implémentée via la méthode "num/Math.pow(10, length);" '0') + num).slice(-length);" est implémenté.

Comment compléter des nombres en js

Par exemple, nous voulons que la longueur du numéro de sortie soit fixe, en supposant qu'elle soit 10. Si le nombre est 123, alors 0000000123 sera affiché. S'il n'y a pas assez de chiffres, 0 sera ajouté avant. Bien entendu, vous pouvez également modifier le numéro que vous souhaitez ajouter en fonction du code de ce chapitre.

Voici trois façons différentes d'implémenter le code JS pour ajouter 0 à un nombre :

Méthode 1 : Implémentation itérative

function PrefixInteger(num, length) {
  for(var len = (num + "").length; len < length; len = num.length) {
   num = "0" + num;
   }
  return num;
}
Copier après la connexion

Méthode 2 : Convertir en décimal

function PrefixInteger(num, length) {
 var decimal = num / Math.pow(10, length);
  //toFixed指定保留几位小数
  decimal = decimal.toFixed(length) + "";
  return decimal.substr(decimal.indexOf(".")+1);
}
Copier après la connexion

Méthode 3 : Plus efficace

function PrefixInteger(num, length) {
 return (Array(length).join(&#39;0&#39;) + num).slice(-length);  
}
Copier après la connexion

Test :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript 数字前补“0”</title>
<body>
<script>
 //迭代方式实现
 function padding1(num, length) {
  for(var len = (num + "").length; len < length; len = num.length) {
   num = "0" + num;
  }
  return num;
 }
//转为小数
 function padding2(num, length) {
  var decimal = num / Math.pow(10, length);
  //toFixed指定保留几位小数
  decimal = decimal.toFixed(length) + "";
  return decimal.substr(decimal.indexOf(".")+1);
 }
 //填充截取法
 function padding3(num, length) {
  //这里用slice和substr均可
  return (Array(length).join("0") + num).slice(-length);
 }

 function test(num, length) {
  document.write(padding1(num, length));
  document.write("<br>");
  document.write(padding2(num, length));
  document.write("<br>");
  document.write(padding3(num, length));
 }
 test(123, 10);
</script>
</body>
</html>
Copier après la connexion

Résultat :

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

Étiquettes associées:
js
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal