js中 将 数字格式化为 小数点后保留2位 怎么弄?

JavaScript042

js中 将 数字格式化为 小数点后保留2位 怎么弄?,第1张

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html的<script>标签中,以圆桌率为例子,输入js代码:var a = 3.141592653var b = a.toFixed(2)document.body.innerText = b。

3、浏览器运行index.html页面,会打印出3.141592653格式化为小数点后2位的3.14。

在使用js进行一些数学计算时,有时候会出现整出后无限循环或小数点后面的位数太多影响显示的情况,那么在js代码中怎样对于计算所得的小数进行处理了.

一、toFixed()方法,它可以四舍五入到小数点后指定位数

var shuzi = "10.383"

document.write(shuzi.toFixed(2))

在js中会输出:10.38 toFixed(2)表示四舍五入到小数点的后两位.

二、round()方法,不同于toFixed,它是将小数四舍五入位整数

Math.round(0.80)

输出为:1

虽然round方法只能四舍五入为整数,但是可以先将指定位数先化为整数进行四舍五入操作,然后在重新除以化为整数的倍数恢复原来的数值即可获得指定位数的小数.

var ws=2

var wsbs=Math.pow(10,ws)

var shuzi = 18.138571

document.write( Math.round(shuzi * wsbs ) / wsbs )

ws为指定小数的位数,wsbs为10的ws次方,为了将小数先化为整数好让round函数先四舍五入,然后再转为原来的大小.

js代码中除了round方法能够将小数转为整数,还有floor()向下取整即正数向下舍入,负数向更大的负数舍入.

Math.floor(0.80)//0

Math.floor(-6.3)//-7

ceil()与floor()相反,他是向上面取整,正数向更大的整数取整,负数向更小的负数取整.

Math.ceil(0.80)//1

Math.ceil(-7.9)// -7

同理,它们都可以像round方法一样,通过先将小数化为整数处理后再将其重新转为小数,只需要将上面代码中的Math.round分别改为Math.ceil或Math.floor.

三、通过substring来直接截取,它可以获得指定位数的小数,不对多余的小数进行舍入操作。

var ws=2

var shuzi = 19.138578

document.write(shuzi.substring(0,s.(".")+ws+1))

首先用到indexOf方法获取小数点再数字中第一次出现的位置,然后加上需要保留的小数点后面的位数以及小数点,通过substring提取字符从第一为到指定位数的字符.

四、正则来截取小数点后面的位数

var ws=2

var shuzi = 19.138578

blsz = num.replace("/([0-9]+\.[0-9]{"+ws+"})[0-9]*/","$1")

alert(blsz)

五、同上也是正则方法

var shuzi = 19.138578

var ws = 2

var blsz = new RegExp("\d+\.\d{" + ws + "}","gm")

alert(shuzi.match(blsz))

两个正则区别在于使用的正则函数方法不同,它们都额可以得到指定位数的小数.

以上就是在js代码中比较实用的几种处理小数点后面的小数位数的方式.

第一种方法: 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。

第二种方法: 汇总JS中格式化数据保留两位小数的函数的多种方法

最好方法:

保留两位好像是这样吧

var a = 9.39393

alert(a.toFixed(2))

说明:

alert(Number.toFixed(9.39393))

返回的是9.39

但是只有ie5.5以上的版本才支持。