多语言展示
当前在线:749今日阅读:2今日分享:31

如何控制Number将字符串转换成数值计算精度问题

一般情况下,可以利用Number将字符串类型转换成数值类型,如果再将数值类型进行运算,这时会出现精度问题;如果将有精度问题的参数传到后台,直接会导致超出字段范围而报错。所以,在传到后台前需要将这个数值参数控制精度位数。下面利用一个实例说明Number将字符串转换成数值出现精度问题的解决方法,操作如下:
工具/原料
1

HBuilder

2

jquery

3

截图工具

4

浏览器

方法/步骤
1

第一步,打开HBuilder编辑工具,新建静态页面number.html,如下图所示:

3

第三步,在jquery初始化函数内编写第一个输入框的change事件,将第一个输入框值转换成数值型,然后赋值给第二个输入框,如下图所示:

4

第四步,预览该静态页面,在第一个输入框输入值,发现第二个输入框也跟着变化,如下图所示:

5

第五步,将第一个输入框的值转换成数值型并乘以1000,返夏菌再次赋给第二个输入框,如下图所示:

6

第六步,再次预览页面,在第一个输入框输入多位小数的数值,结果发现第二个输入框值小数位比第一个输入框的小数位多很多位数,如下图所示:

7

第七步,修净民改代码,在赋针独值前对小数位进行限制,利用toFixed方法,限制小数位为3位;再次预览页面,在输入框输入小数,结果发现小数位为3位,如下图所示:

注意事项
1

注意JavaScript中的Number的用法和使用场景

2

注意保留几位小数位的方法toFixed

推荐信息