关闭

JavaScript 保留两位小数

时间: 2020-02-28阅读: 1310标签: 运算

摘要

在开发中展示点赞数时,当数量级超过10000后,需要使用更加简洁的小数式去显现数量(例如1.22万)。下面就给大家分享数量小数式后保留两位小数的实现方式。

 

四色五入

使用toFixed()方法处理小数的四色五入,运行示例如下:

// 四色五入
var num =2.2354234234;
num = num.toFixed(2);
console.log('num=', num);


 不四色五入 

不四色五入有两种方案,一种是Math.floor()方法,一种是正则匹配。运行示例如下:

·Math.floor():先将小数变整数,然后再保留小数位数。

// Math.floor()
var num2 = Math.floor(2.2344234234 * 100) / 100;
console.log('num2=',num2);

·正则匹配:先将小数转为字符串,再使用正则匹配输出保留小数位数。

// 正则匹配
var num3 = Number(6.2344234234.toString().match(/^\d+(?:\.\d{0,2})?/));
console.log('num3=',num3);

  

Math.floor()方法存在精度误差问题 

Math.floor()方法容易出现精度误差问题,例如:小数8.54保留两位小数。具体bug运行示例如下:

// 精度误差示例
var num4 = Math.floor(8.54*100) / 100;
console.log('实际值:8.54');
console.log('Math.floor打印的值',num4);


终极完美解决小数保留位数精度方案

先将数字(小数)转换为字符串,然后再进行截取,最后转回数字(小数),完美解决保留小数位数精度问题。

// 解决精度方案
var num5 = 8.54342345;
var numStr = num5.toString();
var idx = numStr.indexOf('.');
var res = Number(numStr.slice(0, idx + 3));
console.log('res=',res);
来自:https://www.cnblogs.com/BlueBerryCode/p/12802108.html


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/8780

关闭

JavaScript浮点数精度

0.1 + 0.2 是否等于 0.3 作为一道经典的面试题,已经广外熟知,说起原因,大家能回答出这是浮点数精度问题导致,也能辩证的看待这并非是 ECMAScript 这门语言的问题,今天就是具体看一下背后的原因。

js 浮点小数计算精度问题 parseFloat 精度问题

在js中进行以元为单位进行金额计算时 使用parseFloat会产生精度问题,parseFloat(price*100 * quantity)的计算结果是7693.000000000001 使用Math.round()方法四舍五入,再除100 即为正确的结果 PS:顺便学到了一点:Math.ceil() Math.floor() Math.round() 的区别

JS解决加减乘除浮点类型丢失精度问题

当我们在前端使用js来执行运算时,会有丢失精度的问题。

【leetcode】64. 条件求和,递归+移位运算

求 1+2+...+n ,要求不能使用乘除法、for、while、if、else、switch、case等关键字及条件判断语句(A?B:C)。

Js中NaN不等于NaN

断点调试之后发现无论如何都不相等,方法parseInt()返回的结果确实是NaN,但是与右侧的NaN比较返回的结果却是false,这时候才突然想起来NaN有不等于自身的特性

es6 扩展运算符 三个点(...)

扩展运算符( spread )是三个点(...)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。

你真的理解了比较运算符吗?

平常我们都是不建议在代码上编写一些比较难理解的代码,例如 x == y 和 A> B。这篇文章或许不能给你带来什么大的帮助,但是却可以让你了解一些你可能没接触到的知识点。

Js new运算符

new运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。new关键字会进行如下的操作:1. 创建一个空的简单JavaScript对象(即{});2. 链接该对象(即设置该对象的构造函数)到另一个对象 ;

斐波那契列数JS的三种实现

大家是怎么实现斐波那契列数的,再给两种解法,对比一下,还有一种更简单的用的是数组存储

js精准计算

对于浮点数的四则运算,几乎所有的编程语言都会有类似精度误差的问题,只不过在 C++/C#/Java 这些语言中已经封装好了方法来避免精度的问题,而 JavaScript 是一门弱类型的语言,从设计思想上就没有对浮点数有个严格的数据类型,所以精度误差的问题就显得格外突出

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!