ホームページ > ウェブフロントエンド > jsチュートリアル > float_javascriptスキルの小数点以下2桁を取得するjsメソッド

float_javascriptスキルの小数点以下2桁を取得するjsメソッド

WBOY
リリース: 2016-05-16 17:03:26
オリジナル
1362 人が閲覧しました

以下では、JavaScript で小数点以下 2 桁を保持する実装方法を紹介します。
丸め
次の処理結果は四捨五入されます:

var num =2.446242342;
num = num.toFixed(2); // 输出结果为 2.45
ログイン後にコピー

四捨五入なし
次の処理結果は四捨五入されません:
最初の方法は、最初に小数点側を切り上げることです:

Math.floor(15.7784514000 * 100) / 100  
// 输出结果为 15.77
ログイン後にコピー

2 番目の方法は、文字列として扱い、通常のマッチングを使用することです:

Number(15.7784514000.toString().match(/^\d+(?:\.\d{0,2})?/))  
// 输出结果为 15.77,不能用于整数如 10 必须写为10.0000
ログイン後にコピー

注: 負の数値の場合は、まず正の数値に変換してから計算し、最後に負の数値に戻してください

小数点以下 2 桁を保持する JavaScript の例:

<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 を使用して、float 型の後の小数点以下 2 桁を取得します。たとえば、22.127456 を 22.13 に変更します。

1. 小数部分を破棄し、整数部分を保持します

parseInt(5/2)

2. 小数点がある場合は切り上げ、整数部分に1を足します

数学.ceil(5/2)

3、四捨五入。

数学ラウンド(5/2)

4、切り捨て

数学フロア(5/2)

代替方法

1. 最も愚かな方法

コードをコピーします コードは次のとおりです:

関数 get()
{
var s = 22.127456 "";
var str = s.substring(0,s.indexOf(".") 3);
アラート(文字列);
}

2. 正規表現はうまく機能します

コードをコピー コードは次のとおりです:

<スクリプトタイプ="text/javascript">
onload = function(){
var a = "23.456322";
var aNew;
var re = /([0-9] .[0-9]{2})[0-9]*/;
aNew = a.replace(re,"$1");
アラート(aNew);
}

3. 彼は賢いです...

コードをコピー コードは次のとおりです:

<スクリプト>
var num=22.127456;
alert( Math.round(num*100)/100);

4. 新しいものの使い方を知っている友人...ただし、IE5.5 をサポートする必要があります。

5.js は小数点以下 2 桁を保持します (必須)

小数点以下の桁数が 2 桁を超える場合は、上記の関数を使用しても問題ありませんが、changeTwoDecimal(3.1) のように 2 桁未満の場合は、次のような形式が必要な場合は 3.1 が返されます。 3.10 の場合、次のこの関数が必要になります:

コードをコピーします コードは次のとおりです:

関数changeTwoDecimal_f(x) {
var f_x = parseFloat(x);
If (isNaN(f_x)) {
alert('function:changeTwoDecimal->パラメータエラー');
return false;
}
var f_x = Math.round(x * 100) / 100;
var s_x = f_x.toString();
var pos_decmal = s_x.indexOf('.');
If (pos_10 進数 pos_decimal = s_x.length;
s_x = '.';
}
While (s_x.length s_x = '0';
}
s_x を返します;
}

関数: 浮動小数点数を四捨五入し、小数点以下 2 桁を取り、2 桁未満の場合は 0 を追加します。
この関数は文字列の形式を返します。 使用法:changeTwoDecimal(3.1415926) は 3.14 を返します。changeTwoDecimal(3.1) は 3.10

を返します。
関連ラベル:
js
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート