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()方法一章节。
相关文章
这篇文章主要介绍了基于jquery ajax的多文件上传进度条过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
js不能获取隐藏div的的宽度，现在的办法是先将其显示出来，再获取其宽度，计算位置，下面的示例，大家可以参考下2014-09-09
js-utils封装了常用的工具函数,开箱即用,下面这篇文章主要给大家介绍了关于能够事半功倍的JS utils工具函数的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-05-05
这篇文章主要介绍了微信小程序中this.setData的使用和注意事项,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-08-08
这篇文章主要为大家详细介绍了JavaScript实现密码强度实时验证，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
在现代 Web 应用程序中,实现高效的搜索功能是至关重要的,Fuse.js 是一个强大的 JavaScript 库,它提供了灵活的模糊搜索和文本匹配功能,使您能够轻松实现出色的搜索体验,文中代码示例讲解的非常详细,需要的朋友可以参考下2024-01-01
这篇文章主要介绍了Javascript执行流程细节解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
JavaScript是一门多范式的编程语言，其中函数式编程成为了一种受欢迎的范式之一，本文将带您深入了解JavaScript函数式编程的核心概念和技术，需要的可以参考一下2023-06-06
这篇文章主要介绍了如何利用HTML、CSS 和 JavaScript 制作纸牌记忆游戏，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起动手尝试一下2022-04-04
这篇文章主要介绍了实现iframe窗口高度自适应的又一个巧妙思路,需要的朋友可以参考下2014-04-04
最新评论