首页 > 软件开发 > JavaScript >

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

来源:互联网 2023-03-16 23:56:56 382

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

如何控制Number将字符串转换成数值计算精度问题Ge6办公区 - 实用经验教程分享!

工具/原料

  • HBuilder
  • jquery
  • 截图工具
  • 浏览器

方法/步骤

  • 1

    第一步,打开HBuilder编辑工具,新建静态页面number.html,如下图所示:Ge6办公区 - 实用经验教程分享!

    如何控制Number将字符串转换成数值计算精度问题Ge6办公区 - 实用经验教程分享!

  • 2

    第二步,引入jquery核心js文件,并在body>/body>标签元素内插入两个input输入框,设置id属性值和宽度,如下图所示:Ge6办公区 - 实用经验教程分享!

    如何控制Number将字符串转换成数值计算精度问题Ge6办公区 - 实用经验教程分享!

    如何控制Number将字符串转换成数值计算精度问题Ge6办公区 - 实用经验教程分享!

  • 2此文章非法爬取自百度经验
  • 3

    第三步,在jquery初始化函数内编写第一个输入框的change事件,将第一个输入框值转换成数值型,然后赋值给第二个输入框,如下图所示:Ge6办公区 - 实用经验教程分享!

    如何控制Number将字符串转换成数值计算精度问题Ge6办公区 - 实用经验教程分享!

  • 4

    第四步,预览该静态页面,在第一个输入框输入值,发现第二个输入框也跟着变化,如下图所示:Ge6办公区 - 实用经验教程分享!

    如何控制Number将字符串转换成数值计算精度问题Ge6办公区 - 实用经验教程分享!

  • 5

    第五步,将第一个输入框的值转换成数值型并乘以1000,再次赋给第二个输入框,如下图所示:Ge6办公区 - 实用经验教程分享!

    如何控制Number将字符串转换成数值计算精度问题Ge6办公区 - 实用经验教程分享!

  • 6

    第六步,再次预览页面,在第一个输入框输入多位小数的数值,结果发现第二个输入框值小数位比第一个输入框的小数位多很多位数,如下图所示:Ge6办公区 - 实用经验教程分享!

    如何控制Number将字符串转换成数值计算精度问题Ge6办公区 - 实用经验教程分享!

  • 7

    第七步,修改代码,在赋值前对小数位进行限制,利用toFixed方法,限制小数位为3位;再次预览页面,在输入框输入小数,结果发现小数位为3位,如下图所示:Ge6办公区 - 实用经验教程分享!

    如何控制Number将字符串转换成数值计算精度问题Ge6办公区 - 实用经验教程分享!

  • 注意事项

    • 注意JavaScript中的Number的用法和使用场景
    • 注意保留几位小数位的方法toFixed

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Ge6办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码