Maison  >  Article  >  interface Web  >  Comment compléter des nombres en js

Comment compléter des nombres en js

(*-*)浩
(*-*)浩original
2019-05-18 18:00:503967parcourir

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

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

Méthode 3 : Plus efficace

function PrefixInteger(num, length) {
 return (Array(length).join(&#39;0&#39;) + num).slice(-length);  
}

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>

Résultat :

0000000123  
0000000123  
0000000123

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:
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
Article précédent:Comment passer un objet en jsArticle suivant:Comment passer un objet en js