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

转载  发布时间:2014年01月18日 17:03:32   投稿:shangke    我要评论

js中取小数点后两位方法最常用的就是四舍五入函数了,前面我介绍过js中四舍五入一此常用函数,这里正好用上,下面我们一起来看取float型小数点后两位一些方法总结

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

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

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

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

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

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

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

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型小数点后两位,例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

转载于:https://www.cnblogs.com/benpaodegegen/p/9065699.html

数字的处理 :小数点四舍五入相关推荐

  1. C# 取二位小数点(四舍五入)

    C# 取二位小数点(四舍五入) double d = 0.12545678;             Console.WriteLine(d);             Console.WriteLi ...

  2. C#正则匹配(提取字符串中的数字)及C#“四舍五入”

    本篇文章介绍一个正则小实例,使用C#语法正则匹配字符串中的数字,提取出来.并介绍一下,C# 数字计算中的"四舍五入". C#正则匹配数字 一下是提取字符串中数字(包含小数)的实例代 ...

  3. 解决easyExcel读取EXCEL用String去接收数字,出现小数点BUG

    起因 目前项目中需要使用easyExcel 读取Excel文件,因为后端使用mongodb存储格式,数据格式不确定.因此读取文件时,未传递.class对象(指用方法一调用),使用String 接收Nu ...

  4. uniapp - [完美解决] 手机数字键盘没有小数点,当 input 输入框的 type 属性设置 number 后,手机系统的软键盘无法输入小数点和符号问题(此方案 uniapp 全端全平台适用)

    效果图 正常在uniapp项目中,用户想要输入数字或金额时,通常都会将 <input> 的 type 属性设置为 number.但是问题来了,可能在苹果IOS手机.小程序上.个别安卓机上就 ...

  5. Javascript 判断数字是否含有小数点

    JavaScript 判断一个数字是否含有小数点,如果含有,则返回该数字:如果不含小数点,则在整数数值后面补两位小数 ".00": priceFormat(num){if(!isN ...

  6. 只能输入数字和一个小数点的正则表达式

    只能输入数字和一个小数点的正则表达式 var reg = /^\d+$|^\d*\.\d+$/g; reg.test(val) //用于判断

  7. php 小数点 乘法,js小数点数字相乘、把小数点四舍五入保留两位小数

    //小数点数字相乘 function accMul(arg1,arg2){ var m=0,s1=arg1.toString(), s2=arg2.toString(); try{ m+=s1.spl ...

  8. el-input只能输入数字,保留小数点俩位

    由于项目中有很多控制输入框字符校验的规则,每次找都比较复杂,今天先做个罗列. 1.只能输入数字. 其实这个方法element组件自带el-input-numer可以解决,但是!但是!有个坑,如果你想在 ...

  9. javascript 数字近似值(JS四舍五入 四舍六入五凑偶 截取)

    四舍五入是最常见的,四舍六入五凑偶(银行家取舍法)会计中常用,还有就是截取指定位数 原生js编写,无需任何外部库,直接复制使用(建议处理后放到类中使用) 废话不多说,下面展示 代码. /*** 数字格 ...

最新文章

  1. 应对电信劫持强行插入广告的处理
  2. python 列表赋值操作可能存在的潜在问题
  3. MyBatisPlus中全局Sql注入器应用_逻辑删除使用
  4. LeetCode 1215. 步进数(BFS/DFS)
  5. 检测到目标FTP服务可匿名访问
  6. webpack gulp grunt 简单介绍
  7. 从零开始学Pytorch(九)之批量归一化和残差网络
  8. bochs2.3.7 调试版本在ubuntu9.10上的编译安装
  9. python进阶06并发之二技术点关键词
  10. 利用javascript动态创建表格
  11. 时间戳转为时间友好显示
  12. Spring Security 4 使用@PreAuthorize,@PostAuthorize, @Secured, EL实现方法安全(带源码)
  13. 数据分析师23-京东商业数据分析有感
  14. 数学建模学习笔记(1):层次分析法(AHP)(附有详细使用步骤)
  15. 新人如何顺利度过试用期,让你受益终身的几个技能
  16. java.lang.IllegalStateException: Migration didn‘t properly handle
  17. 基于51单片机的交通灯(资源链接见末尾)
  18. 随机函数rand()[c++]
  19. Jim Joseph加入Burson Cohn Wolfe,担任新设立的全球职位
  20. linux修改系统时区为上海

热门文章

  1. CCIE理论-第四篇-SDA-1
  2. *【CodeForces - 202C 】Clear Symmetry (思维,找规律,特判)
  3. 【HDU - 2066】:一个人的旅行(Dijkstra算法)
  4. 请写出sfr和sbit的语句格式_习题_C51语言答案
  5. apmserver导入MySQL_mysql数据库导入导出
  6. vue element-ui 无法渲染表格数据解决
  7. 使用计算机管理文件教后反思,《管理计算机中的文件》教学反思
  8. c语言编程函数补充上机题,2011年计算机二级C语言上机操作题及答案(10)
  9. 小猫的java基础知识点汇总(下)
  10. 数组精选题目三连(5)