Heim > Web-Frontend > js-Tutorial > So vervollständigen Sie Zahlen in js

So vervollständigen Sie Zahlen in js

(*-*)浩
Freigeben: 2020-09-18 13:35:58
Original
4026 Leute haben es durchsucht

So vervollständigen Sie Zahlen in js: 1. Durch Iteration 2. Durch die Methode „num/Math.pow(10, length);“ 0') + num).slice(-length);“ wird implementiert.

So vervollständigen Sie Zahlen in js

Zum Beispiel möchten wir, dass die Länge der Ausgabezahl festgelegt ist, vorausgesetzt, sie beträgt 10. Wenn die Zahl 123 ist, wird 0000000123 ausgegeben. Wenn nicht genügend Ziffern vorhanden sind, wird vor 0 hinzugefügt. Natürlich können Sie die Nummer, die Sie hinzufügen möchten, auch basierend auf dem Code in diesem Kapitel ändern.

Hier sind drei verschiedene Möglichkeiten, den JS-Code zu implementieren, um 0 zu einer Zahl hinzuzufügen:

Methode 1: Iterative Implementierung

function PrefixInteger(num, length) {
  for(var len = (num + "").length; len < length; len = num.length) {
   num = "0" + num;
   }
  return num;
}
Nach dem Login kopieren

Methode 2: In Dezimalzahl konvertieren

function PrefixInteger(num, length) {
 var decimal = num / Math.pow(10, length);
  //toFixed指定保留几位小数
  decimal = decimal.toFixed(length) + "";
  return decimal.substr(decimal.indexOf(".")+1);
}
Nach dem Login kopieren

Methode 3: Effizienter

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

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>
Nach dem Login kopieren

Ergebnis:

0000000123  
0000000123  
0000000123
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo vervollständigen Sie Zahlen in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
js
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage