JS小数运算出现00000多位小数怎么解决

JS小数运算出现00000多位小数怎么解决

给大家分享一个经典的前端面试题：

0.1+0.2 == 0.3 //false

javascript中浮点数的计算是以2进制计算的，所以0.1+0.2变成：0.30000000000000004

解决方案一

首先最简单的是利用JavaScript 的toFixed(n) 方法，直接截取N 位小数，不过，个人觉得这种方法在数据精度上会有一些问题。如果数据精度要求不高的话可以使用。
toFixed() 方法可把 Number 四舍五入为指定小数位数的数字

alert((0.1 + 0.2).toFixed(1));

解决方案二

/**
 * 乘法运算，避免数据相乘小数点后产生多位数和计算精度损失。
 * 
 * @param num1被乘数 | num2乘数
 */
function numMulti(num1, num2) {
	var baseNum = 0;
	try {
		baseNum += num1.toString().split(".")[1].length;
	} catch (e) {
	}
	try {
		baseNum += num2.toString().split(".")[1].length;
	} catch (e) {
	}
	return Number(num1.toString().replace(".", "")) * Number(num2.toString().replace(".", "")) / Math.pow(10, baseNum);
};

解决方案三

使用 lodash
安装引用

npm i --save lodash
使用页面
1、全部引入 import _ from ‘lodash’
2、按需引入 import x from ‘lodash/x’

_.multiply(multiplier, multiplicand)

augend (number): 相乘的第一个数。
addend (number): 相乘的第二个数。
这个方法类似_.mean， 除了它接受 iteratee 来调用 array中的每一个元素，来生成其值排序的标准。 iteratee 会调用1个参数: (value) 。

_.multiply(6, 4);
// => 24