Heim > Web-Frontend > js-Tutorial > js取float型小数点后两位数的方法_javascript技巧

js取float型小数点后两位数的方法_javascript技巧

WBOY
Freigeben: 2016-05-16 17:03:26
Original
1362 Leute haben es durchsucht

以下我们将为大家介绍 JavaScript 保留两位小数的实现方法:
四舍五入
以下处理结果会四舍五入:

var num =2.446242342;
num = num.toFixed(2); // 输出结果为 2.45
Nach dem Login kopieren

不四舍五入
以下处理结果不会四舍五入:
第一种,先把小数边整数:

Math.floor(15.7784514000 * 100) / 100  
// 输出结果为 15.77
Nach dem Login kopieren

第二种,当作字符串,使用正则匹配:

Number(15.7784514000.toString().match(/^\d+(?:\.\d{0,2})?/))  
// 输出结果为 15.77,不能用于整数如 10 必须写为10.0000
Nach dem Login kopieren

注意:如果是负数,请先转换为正数再计算,最后转回负数

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

用Javascript取float型小数点后两位,例22.127456取成22.13,如何做?

1.丢弃小数部分,保留整数部分

parseInt(5/2)

2.向上取整,有小数就整数部分加1

Math.ceil(5/2)

3,四舍五入.

Math.round(5/2)

4,向下取整

Math.floor(5/2)

另类的方法

1. 最笨的办法

复制代码 代码如下:

function get()
{
    var s = 22.127456 + "";
    var str = s.substring(0,s.indexOf(".") + 3);
    alert(str);
}
 

2. 正则表达式效果不错

复制代码 代码如下:


3. 他就比较聪明了.....

复制代码 代码如下:

<script><br /> var num=22.127456;<br /> alert( Math.round(num*100)/100);<br /> </script>

4.会用新鲜东西的朋友....... 但是需要 IE5.5+才支持。

5.js保留2位小数(强制)

对于小数点位数大于2位的,用上面的函数没问题,但是如果小于2位的,比如:changeTwoDecimal(3.1),将返回3.1,如果你一定需要3.10这样的格式,那么需要下面的这个函数:

复制代码 代码如下:

function changeTwoDecimal_f(x) {
    var f_x = parseFloat(x);
    if (isNaN(f_x)) {
        alert('function:changeTwoDecimal->parameter error');
        return false;
    }
    var f_x = Math.round(x * 100) / 100;
    var s_x = f_x.toString();
    var pos_decimal = s_x.indexOf('.');
    if (pos_decimal         pos_decimal = s_x.length;
        s_x += '.';
    }
    while (s_x.length         s_x += '0';
    }
    return s_x;
}

功能:将浮点数四舍五入,取小数点后2位,如果不足2位则补0,
这个函数返回的是字符串的格式用法:changeTwoDecimal(3.1415926)返回3.14 changeTwoDecimal(3.1)返回3.10

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