javascript_javascript スキルで小数点以下 2 桁を保持するさまざまな方法-jsチュートリアル-php.cn

javascript_javascript スキルで小数点以下 2 桁を保持するさまざまな方法

WBOY

リリース： 2016-05-16 15:25:04

オリジナル

2301 人が閲覧しました

最初のメソッド: 小数点以下 2 桁と 1 桁を使用した自動ゼロパディングコード例の JavaScript 実装:
最初の方法では、数値の小数点以下 2 桁を保持する効果を実現する方法を紹介します。数値の小数点以下の桁数が 2 桁未満の場合、不足している桁は自動的にゼロで埋められます。統一性を高めるために、まずコード例を参照してください:

function returnFloat(value){
 var value=Math.round(parseFloat(value)*100)/100;
 var xsd=value.toString().split(".");
 if(xsd.length==1){
 value=value.toString()+".00";
 return value;
 }
 if(xsd.length>1){
 if(xsd[1].length<2){
  value=value.toString()+"0";
 }
 return value;
 }
}
var num=3.1;
console.log(returnFloat(num));

ログイン後にコピー

上記のコードは要件を満たしています。ここではその実装プロセスを紹介します。
コードのコメント:
1.function returnFloat(value){}、パラメータは変換される数値です。
2.var value=Math.round(parseFloat(value)*100)/100, これが関数の中核となるはずです。parseFloat(value) はパラメータを浮動小数点数に変換します。小数点以下 2 桁を保持する必要があるため、文字列は 100 で乗算されます。まず、小数点を 2 桁右に移動し、次に Math.round() メソッドを使用して丸め計算を実行し、最後に 100 で除算します。小数点以下 2 桁を保持するのが目的であり、丸め効果もありますが、パラメータ数値自体の小数点以下の桁数が 2 以上であれば問題ありません (3.1415 など)。 , しかし、3 や 3.0 のような完全な実装はまだありません。引き続き以下を参照してください。
3.var xsd=value.toString().split(".")、ドット "." 値を使用して配列に分割します。
4.if(xsd.length==1){value=value.toString()+".00";return value;}、配列の長さが 1 の場合、つまり小数点がない場合、この数値になります。ゼロを 2 つ追加すると、たとえば 3 は 3.00 に変換されます。
5.

if(xsd.length>1){
 if(xsd[1].length<2){
  value=value.toString()+"0";
 }
 return value;
 }

ログイン後にコピー

if(xsd.length>1) は、数値の長さが 1 より大きいかどうか、つまり、数値に小数があるが、小数桁数が少ないかどうかを判断するために使用されます。 3.1 に似た 2 ではなく、末尾に 0 を追加すると 3.10 に変換されます。

2 番目のメソッド: 小数点以下 2 桁でデータをフォーマットする JS の関数の複数のメソッドを要約します

最良の方法:

これが二人を保つ方法のようです

 var a = 9.39393; 
 alert(a.toFixed(2));

ログイン後にコピー

手順:

alert(Number.toFixed(9.39393)); リターンは9.39
ただし、これをサポートしているのは IE5.5 以降のバージョンのみです。

その他のメソッド:

方法 1:

 function roundFun(numberRound,roundDigit) //四舍五入，保留位数为roundDigit  
 { 
 if (numberRound>=0) 
 { 
 var tempNumber = parseInt((numberRound * Math.pow(10,roundDigit)+0.5))/Math.pow(10,roundDigit); 
 return tempNumber; 
 } 
 else  
 { 
 numberRound1=-numberRound 
 var tempNumber = parseInt((numberRound1 * Math.pow(10,roundDigit)+0.5))/Math.pow(10,roundDigit); 
 return -tempNumber; 
 } 
   }

ログイン後にコピー

方法 2:

<script> 
 tmp = "1234567.57232" 
 result = tmp.substr(0,tmp.indexOf(".")+3); 
 alert(result); 
 </script>

ログイン後にコピー

3 番目のメソッド: JavaScript は小数点以下 2 桁のコードを保持します

<script type="text/javascript"> 
  //保留两位小数 
  //功能：将浮点数四舍五入，取小数点后2位 
  function toDecimal(x) { 
   var f = parseFloat(x); 
   if (isNaN(f)) { 
    return; 
   } 
   f = Math.round(x*100)/100; 
   return f; 
  } 
 
 
  //制保留2位小数，如：2，会在2后面补上00.即2.00 
  function toDecimal2(x) { 
   var f = parseFloat(x); 
   if (isNaN(f)) { 
    return false; 
   } 
   var f = Math.round(x*100)/100; 
   var s = f.toString(); 
   var rs = s.indexOf('.'); 
   if (rs < 0) { 
    rs = s.length; 
    s += '.'; 
   } 
   while (s.length <= rs + 2) { 
    s += '0'; 
   } 
   return s; 
  } 
   
  function fomatFloat(src,pos){  
    return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos);  
  } 
  //四舍五入 
  alert("保留2位小数：" + toDecimal(3.14159267)); 
  alert("强制保留2位小数：" + toDecimal2(3.14159267)); 
  alert("保留2位小数：" + toDecimal(3.14559267)); 
  alert("强制保留2位小数：" + toDecimal2(3.15159267)); 
  alert("保留2位小数：" + fomatFloat(3.14559267, 2)); 
  alert("保留1位小数：" + fomatFloat(3.15159267, 1)); 
   
  //五舍六入 
  alert("保留2位小数：" + 1000.003.toFixed(2)); 
  alert("保留1位小数：" + 1000.08.toFixed(1)); 
  alert("保留1位小数：" + 1000.04.toFixed(1)); 
  alert("保留1位小数：" + 1000.05.toFixed(1)); 
   
  //科学计数 
  alert(3.1415.toExponential(2)); 
  alert(3.1455.toExponential(2)); 
  alert(3.1445.toExponential(2)); 
  alert(3.1465.toExponential(2)); 
  alert(3.1665.toExponential(1)); 
  //精确到n位，不含n位 
  alert("精确到小数点第2位" + 3.1415.toPrecision(2)); 
  alert("精确到小数点第3位" + 3.1465.toPrecision(3)); 
  alert("精确到小数点第2位" + 3.1415.toPrecision(2)); 
  alert("精确到小数点第2位" + 3.1455.toPrecision(2)); 
  alert("精确到小数点第5位" + 3.141592679287.toPrecision(5)); 
 </script>

ログイン後にコピー

上記は JavaScript で小数点以下 2 桁を保持するためのさまざまな方法です。皆さんの学習に役立つことを願っています。