js保留两位小数的方法

最新推荐文章于 2020-05-20 12:03:19 发布
最新推荐文章于 2020-05-20 12:03:19 发布
阅读量693 收藏 2
点赞数
分类专栏： JavaScript 文章标签： js 取两位小数 保留两位小数 方法 javascript

四舍五入
以下处理结果会四舍五入:

?
1
2
var num =2.446242342;
num = num.toFixed(2); // 输出结果为 2.45

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

?
1
2
Math.floor(15.7784514000 * 100) / 100 
// 输出结果为 15.77

第二种，当作字符串，使用正则匹配：

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

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

javascript保留两位小数的实例：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<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型小数点后两位，例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. 正则表达式效果不错

复制代码代码如下:

<script type="text/javascript">
onload = function(){
    var a = "23.456322";
    var aNew;
    var re = /([0-9]+.[0-9]{2})[0-9]*/;
    aNew = a.replace(re,"$1");
    alert(aNew);
}
</script>

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

复制代码代码如下:

<script>
var num=22.127456;
alert( Math.round(num*100)/100);
</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 < 0) {
        pos_decimal = s_x.length;
        s_x += '.';
    }
    while (s_x.length <= pos_decimal + 2) {
        s_x += '0';
    }
    return s_x;
}

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

?
1
2
Math.floor(15.7784514000 * 100) / 100 
// 输出结果为 15.77

第二种，当作字符串，使用正则匹配：

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

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

javascript保留两位小数的实例：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<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型小数点后两位，例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. 正则表达式效果不错

复制代码代码如下:

<script type="text/javascript">
onload = function(){
    var a = "23.456322";
    var aNew;
    var re = /([0-9]+.[0-9]{2})[0-9]*/;
    aNew = a.replace(re,"$1");
    alert(aNew);
}
</script>

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

复制代码代码如下:

<script>
var num=22.127456;
alert( Math.round(num*100)/100);
</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 < 0) {
        pos_decimal = s_x.length;
        s_x += '.';
    }
    while (s_x.length <= pos_decimal + 2) {
        s_x += '0';
    }
    return s_x;
}

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

shaochenlong666
关注
专栏目录
js实现保留两位小数
03-20
通过函数实现将计算结果按照四舍五入的方式强制保留两位小数，整形数据结果显示为num.00
js保留两位小数
10-22
javascript保留两位有效数字的简单方法
JavaScript-保留两位小数
dilv4062的博客
06-05 121
四舍五入 var num =2.446242342; num = num.toFixed(2); // 输出结果为 2.45 不四舍五入 以下处理结果不会四舍五入: 第一种，先把小数边整数： Math.floor(15.7784514000 * 100) / 100 // 输出结果为 15.77 第二种，当作字符串，使用正则匹配： Number(15.7784514...
Js和Jquery中小数据点保留2位或几位的函数！(示例)
系统运维
12-21 244
Use_Money = (Use_Number * t_24).toFixed(2); // 金额，括号中的2就是2位。
js保留两位小数使用toFixed实现
12-10
总结来说，JavaScript中保留两位小数的最佳方法是使用`Number.toFixed()`。这个方法能够保证数值被格式化为指定的小数位数，并且可以避免`Math.round()`可能带来的精度问题。然而，在使用后记得检查是否需要将结果转...
javaScript强制保留两位小数的输入数校验和小数保留问题
12-10
//此正则表达式验证小数位是否超过两位，小数可为1位 || 2位 || 整数 if(!(/^\d+(\.\d{1,2})?$/.test(data ) || /^\d$/.test(data ) )){ alert("输入金额格式不对!最高精确到分"); return ; } //写入对应...
JavaScript如何实现对数字保留两位小数一位自动补零
10-23
JavaScript中实现对数字保留两位小数一位自动补零的操作通常是为了满足财务计算、用户界面显示等场景下的需求，保证数字格式的一致性。传统的做法可能涉及到复杂的数学运算，但在JavaScript中，通过内置的函数和一些...
js保留二位小数
weixin_30466039的博客
06-19 227
js保留小数常用有三种方法，可根据实际情况选择 方法一：使用toFixed保留两位小数 自带四舍五入与补位 var num1 = 55.3715; console.log(num1.toFixed(2));//结果55.37 方法二：用Math.round四舍五入 var num1 = parseFloat(55.7856); num1 = Math.round(...
js 保留两位小数
淮右布衣的博客
05-20 286
https://www.cnblogs.com/le220/p/9756881.html
js 保留两位小数点
weixin_41716115的博客
06-05 580
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 =...
JS保留两位小数 四舍五入函数
SkyFire1121的博客
08-16 920
var a=2.1512131231231321;   document.write("原来的值："+a+"&lt;br&gt;");   document.write("两位小数点:"+a.toFixed(2)+"&lt;br&gt;四位小数点"+a.toFixed(4));  
关于js中保留两位小数
ZXCVmnbKJKGH的博客
08-16 714
1 toFixed()方法（四舍五入） NumberObject.toFixed(num) 关于这里的num,是必填的，用于规定小数的位数，是 0 ~ 20 之间的值，包括 0 和 20，如果省略了该参数，将用 0 代替。 关于这个方法的返回值，返回值类型是字符串并不是数值！！！（今天我用了这个方法取两位小数，最后累加的结果吓我一跳，是把所有结果当成字符串拼接起来的） var a = ...
js保留两位小数 四舍五入函数toFixed
徊忆羽菲
05-17 541
js保留两位小数 四舍五入函数toFixed js 四舍五入函数 toFixed（n），里面的参数n就是保留小数的位数 <script language="javascript"> document.write("<h1>JS保留两位小数例子</h1><br>"); var a=2.1512131231231321; docu...
JS实现保留两位小数的完整攻略
"JS保留两位小数方法总结" 在JavaScript中，保留两位小数是一个常见的需求，尤其是在处理货币计算或显示精度数据时。本篇内容将介绍几种不同的方法来实现这一功能，包括四舍五入的策略以及针对特定场景的解决方案。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值