首页 > 教程 >
JS保留两位小数的函数有哪些
2023-02-18教程围观次
简介js保留两位小数的函数有:1、【toFixed()】函数;2、【Math.floor()】函数不四舍五入,向下取整;3、使用字符串匹配方法;4、四舍五入保留2位小数;5、浮点数保留两位小数。js保留两位小数的函数有:一、四舍五入相关1、toFixed()方法需注意,保留两位小数,将数值类型的数据改变成了字符串类型//1.四舍五入varnum=2.446242342;num=num.toFixed(
js保留两位 小数的 函数有:1、【toFixed()】函数;2、【Math.floor()】函数不四舍五入 ,向下取整;3、使用字符串匹配方法;4、四舍五入保留2位小数;5、浮点数保留两位小数。
js保留两位小数的函数有:
一、四舍五入相关
1、toFixed()方法
需注意,保留两位小数,将数值类型的数据改变成了字符串类型
// 1.四舍五入var num =2.446242342; num = num.toFixed(2); console.log(num); //2.45console.log(typeof num); // string
2、Math.floor(),不四舍五入 ,向下取整
注意,不改变数据类型
// 2.不四舍五入 向下取整num = Math.floor(num * 100) / 100;console.log(num); //2.44console.log(typeof num); // number
3、字符串匹配
注意,先将数据转换为字符串,最后再转为数值类型
// 3.不四舍五入 字符串匹配再转换num = Number(num.toString().match(/^d+(?:.d{0,2})?/));console.log(num); //2.44console.log(typeof num); // number
4、四舍五入保留2位小数(若第二位小数为0,则保留一位小数)
注意,数据类型不变
//4.四舍五入保留2位小数(若第二位小数为0,则保留一位小数)function keepTwoDecimal(num) { var result = parseFloat(num); if (isNaN(result)) { alert('传递参数错误,请检查!'); return false; } result = Math.round(num * 100) / 100; return result;};keepTwoDecimal(num);console.log(num); //2.44console.log(typeof num); //number
5、四舍五入保留2位小数(不够位数,则用0替补)
注意,数据类型变为字符串类型
//5.四舍五入保留2位小数(不够位数,则用0替补)function keepTwoDecimalFull(num) { var result = parseFloat(num); if (isNaN(result)) { alert('传递参数错误,请检查!'); return false; } result = Math.round(num * 100) / 100; var s_x = result.toString(); //将数字转换为字符串 var pos_decimal = s_x.indexOf('.'); //小数点的索引值 // 当整数时,pos_decimal=-1 自动补0 if (pos_decimal < 0) { pos_decimal = s_x.length; s_x += '.'; } // 当数字的长度< 小数点索引+2时,补0 while (s_x.length <= pos_decimal + 2) { s_x += '0'; } return s_x;}console.log(keepTwoDecimalFull(120.5)); //120.50console.log(typeof keepTwoDecimalFull(120.5)); //stringconsole.log(keepTwoDecimalFull(2.446242342)); //2.45console.log(typeof keepTwoDecimalFull(2.446242342)); //string
二、浮点数保留两位小数
1、将浮点数四舍五入,取小数点后2位
注意,数据类型不变
//浮点数保留两位小数//1.功能:将浮点数四舍五入,取小数点后2位function toDecimal(x) { var f = parseFloat(x); if (isNaN(f)) { return; } f = Math.round(x*100)/100; return f;}console.log(toDecimal(3.1465926)); // 3.15console.log(typeof toDecimal(3.1415926)); //number
2、强制保留2位小数,如:2,会在2后面补上00.即2.00
注意,数据类型变为字符串类型
//2.强制保留2位小数,如:2,会在2后面补上00.即2.00function 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;}console.log(toDecimal2(3.1)); // 3.10console.log(typeof toDecimal2(3.1415926)); //string
3、保留两位小数 浮点数四舍五入 位数不够 不补0
注意,数据类型不变
// 3.保留两位小数 浮点数四舍五入 位数不够 不补0function fomatFloat(src,pos){ return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos);}console.log(fomatFloat(3.12645,2)); // 3.13console.log(typeof fomatFloat(3.1415926)); //numbe
下载链接:网站源码/小程序源码/网站模板下载
上一篇:CSS如何禁止元素的点击事件
下一篇:HTTP 返回状态码汇总
下载排行
- WordPress主题 JustNews5.2.2 + QAPress问答插件适合源码站虚拟资源站个人博客
- ThinkPHP高仿蓝奏云网盘系统源码/对接易支付系统程序
- 最新JustMedia V2.7.3主题破解版去授权WordPress主题模板
- 最新去水印小程序源码分享/无需后台/对接接口/支持全网去水印功能
- 自带多平台解析接口短视频去水印图集水印小程序源码下载
- TooNaughty网址导航主题/WordPress主题下载
- 最新短视频去水印小程序源码/带流量主/外卖CPS系统/批量解析/修改MD5
- 某鱼最近卖的很火蓝色版微信去水印小程序源码+接口
- 最新版去水印小程序源码/基于WordPress的短视频去水印小程序源码
- 起点导航系统源码最新V2.6开源可运营版