当前位置: 首页 > 编程笔记 >

JavaScript如何实现对数字保留两位小数一位自动补零

连厉刚
2023-03-14
本文向大家介绍JavaScript如何实现对数字保留两位小数一位自动补零,包括了JavaScript如何实现对数字保留两位小数一位自动补零的使用技巧和注意事项,需要的朋友参考一下

本章节介绍一下如何实现对数字保留两位小数效果,如果数字的原本小数位数不到两位,那么缺少的就自动补零,这个也是为了统一的效果,先看代码实例:

function returnFloat(value){
 var value=Math.round(parseFloat(value)*100)/100;
 var xsd=value.toString().split(".");
 if(xsd.length==1){
 value=value.toString()+".00";
 return value;
 }
 if(xsd.length>1){
 if(xsd[1].length<2){
 value=value.toString()+"0";
 }
 return value;
 }
}
var num=3.1;
console.log(returnFloat(num)); 

上面的代码实现了我们的要求,下面介绍一下它的实现过程。

一.代码注释:

1.function returnFloat(value){},参数是要被转换的数字。

2.var value=Math.round(parseFloat(value)*100)/100,这个应该是函数的核心之处,parseFloat(value)将参数转换为浮点数,因为参数有可能是字符串,乘以100是因为要保留两位小数,先将小数点向右移动两个位数,然后再利用Math.round()方法实行四舍五入计算,最后除以100,这样就实现了保留保留两位小数,并且还具有四舍五入效果,但是这个并不完美,如果参数数字本身的小数位数大于等于2是可以的,如3.1415,但是如3或者3.0这样的还是没有完美的实现,继续看下面。

3.var xsd=value.toString().split("."),使用点"."value分隔成一个数组。

4.if(xsd.length==1){value=value.toString()+".00";return value;},如果数组的长度是1,也就是说不存在小数,那么就会为这个数字添加两个0,例如3会被转换成3.00。

5.

if(xsd.length>1){
 if(xsd[1].length<2){
 value=value.toString()+"0";
 }
 return value;
 }

if(xsd.length>1)用来判断数字的长度是否大于1,也就是数字是否具有小数,如有小数,但是小数的位数小于2,也就是类似3.1这样的,就会在后面加一个0,也就是会转换为3.10。

二.相关学习教程:

1.Math.round()可以参阅javascript的Math.round()方法一章节。

2.parseFloat()函数可以参阅javascript的parseFloat()方法一章节。

3.toString()函数可以参阅javascript的Number对象的toString()方法一章节。 

4.split()函数可以参阅javascript的String对象的split()方法一章节。

 类似资料:
  • 本文向大家介绍java、freemarker保留两位小数,包括了java、freemarker保留两位小数的使用技巧和注意事项,需要的朋友参考一下  一、Java保留2位小数 二、freemarker保留两位小数 补充:freemarker保留小数 freemarker保留两位小数 方法一     #{number ;m1M2}    m 最少几位小数,M最多几位小数 方法二   ${x?stri

  • 本文向大家介绍实现js保留小数点后N位的代码,包括了实现js保留小数点后N位的代码的使用技巧和注意事项,需要的朋友参考一下 在JS中,一般实现保留小数点后N位的话,都是利用toFixed函数 四舍五入的转换函数,如下: 参数里的: v表示要转换的值 e表示要保留的位数 函数里的两个for,这个是重点了, 第一个for针对小数点右边的情况,也就是保留小数点右边多少位; 第二个for针对小数点左边的情

  • 本文向大家介绍js实现四舍五入完全保留两位小数的方法,包括了js实现四舍五入完全保留两位小数的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现四舍五入完全保留两位小数的方法。分享给大家供大家参考,具体如下: 更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数学运算用法总结》、《JavaScript中json操作技巧总结》、《JavaScri

  • 本文向大家介绍JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去,包括了JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去的使用技巧和注意事项,需要的朋友参考一下 前端开发中经常会碰到用 JavaScript?格式化数字,最最常见的是格式化金额,一般格式化金额需要千分位分隔,保留2位小数等等。 简单的功能函数 类似的代码网上有很多: 或者 更加完善的功能函数

  • 我想四舍五入任何双到一个字符串2小数位在Java。我尝试过使用十进制格式,但它没有给出预期的结果。任何帮助将不胜感激。 Ex: I/P:3402100.5323 我想将其转换为: O/P: 34.02 我尝试过使用DecimalFormat(“###,##,##,###0.00”,新的DecimalFormatSymbols(Locale.US))但结果是340210.53,而我希望它输出34.0

  • 本文向大家介绍angular 实现的输入框数字千分位及保留几位小数点功能示例,包括了angular 实现的输入框数字千分位及保留几位小数点功能示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了angular 实现的输入框数字千分位及保留几位小数点功能。分享给大家供大家参考,具体如下: 网上查到一个关于千分位的指令,我稍微做了点完善,通用指令代码 html代码的引用,digits传的是小数

  • 本文向大家介绍Java保留两位小数的几种写法总结,包括了Java保留两位小数的几种写法总结的使用技巧和注意事项,需要的朋友参考一下 本文列举了几个方法:      1. 使用java.math.BigDecimal      2. 使用java.text.DecimalFormat      3. 使用java.text.NumberFormat      4. 使用java.util.Forma

  • 本文向大家介绍JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码,包括了JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码的使用技巧和注意事项,需要的朋友参考一下 有时候我们的日期等不足两位的补一个0等,都可以使用这个。 这个大家应该都很明白了,就不废话了,代码如下: 测试代码: 更多代码