如何利用JavaScript实现数值格式化并保留小数

1、第一步，首先，新建一个HTML静态页面，修改title标签内容，并在body标签里添加一个div，设置div的样式，

如下图所示：

2、第二步，上述步骤中，在div添加一个文本框和按钮，并在按钮中添加点击事件，

如下图所示：

3、第三步，在按钮中添加了点击事件，那需要在<script></script>中编写点击函数，如下图所示：

4、第四步，运行HTML静态页面，在浏览器中查看运行结果

在输入框中输入数值，点击按钮，弹出结果；再次在输入框中不输入任何字符，点击按钮，弹出“NAN”，这时就发现，弹出结果有问题

如下图所示：

5、第五步，由第4步可知，输入框中输入的内容未作判断。因此，在格式化数据前先判断变量，如果变量为null或空字符串，令其为0

如下图所示：

6、第六步，输入框中输入浮点数值，但是未按照要求保留三位小数，因此需要在格式化后调用toFixed(3)

如下图所示：

7、第七步，再次运行静态页面，分别在输入框中输入598.3659、598.3654和0，查看结果，如下图所示：