极客笔记JS保留两位有效数字
引言
在开发中，我们经常要对数字进行处理和展示，而对于小数点后的位数，我们有时候需要保留两位有效数字，以满足特定的需求，例如在金融、科学等领域中，数字的精确性要求很高。本文将详细介绍如何使用JavaScript（以下简称JS）来实现保留两位有效数字的方法。
方法一：toFixed()方法
JS中的Number类型具有一个内置的方法toFixed()，可以用来将数字保留指定的小数位数。使用该方法可以非常简单地实现保留两位有效数字的效果。
let num = 123.456;
let fixedNum = num.toFixed(2);
console.log(fixedNum); // 输出: "123.46"
在上述代码中，我们首先定义了一个变量num，并赋值为123.456。然后调用toFixed()方法，并指定小数位数为2，将结果赋值给变量fixedNum。最后通过console.log()来输出结果，可以看到输出的结果是”123.46″，小数点后只保留了两位有效数字。
需要注意的是，toFixed()方法会将结果自动四舍五入到指定的小数位数。例如，如果我们将num赋值为123.454，运行上述代码，输出的结果将变为”123.45″。
方法二：Math.round()方法
除了使用内置的toFixed()方法外，我们还可以借助Math.round()方法来实现保留两位有效数字的效果。Math.round()方法会对数字进行四舍五入，我们可以结合乘法和除法运算来实现保留指定小数位数的效果。
let num = 123.456;
let roundNum = Math.round(num * 100) / 100;
console.log(roundNum); // 输出: 123.46
在上述代码中，我们先将num乘以100，然后使用Math.round()进行四舍五入，再将结果除以100。最终输出的结果为123.46，小数点后保留了两位有效数字。
需要注意的是，由于计算机在进行浮点数运算时存在精度问题，可能会导致舍入错误。例如，如果将num赋值为0.065，使用上述代码计算结果为0.07，而预期应该是0.06。因此，这种方法在某些特殊情况下可能会出现舍入错误。
方法三：正则表达式
除了使用内置的方法和Math.round()方法外，我们还可以借助正则表达式来实现保留两位有效数字的效果。通过正则表达式，我们可以截取小数点后的两位数字，并将其与整数部分拼接起来，得到保留两位有效数字的结果。
let num = 123.456;
let regexNum = num.toString().match(/^\d+(?:\.\d{0,2})?/)[0];
console.log(regexNum); // 输出: "123.45"
在上述代码中，我们首先将num转换为字符串，并使用正则表达式来匹配其中的数字部分。正则表达式/^\d+(?:\.\d{0,2})?/表示从字符串的开头匹配一或多个数字，然后可能跟着一个小数点和最多两位数字。通过使用match()方法并指定[0]来获取匹配的结果。最终输出的结果为”123.45″，小数点后保留了两位有效数字。
需要注意的是，正则表达式的匹配结果是一个字符串，因此需要确保将其转换为数字类型，以便进行后续的计算和处理。
方法四：手动实现保留两位有效数字
除了使用以上的方法外，我们还可以手动实现保留两位有效数字的逻辑。具体思路是将数字转换为字符串，然后根据小数点的位置进行判断和处理。
function formatNumber(num) {
let strNum = num.toString();
let index = strNum.indexOf('.');
if (index !== -1) {
let decimal = strNum.substr(index + 1, 2);
decimal = decimal.padEnd(2, '0');
strNum = strNum.substr(0, index + 1) + decimal;
} else {
strNum += '.00';
}
return strNum;
}
let num = 123.4;
let formattedNum = formatNumber(num);
console.log(formattedNum); // 输出: "123.40"
在上述代码中，我们首先定义了一个formatNumber()函数，接收一个数字作为参数。在函数内部，我们将数字转换为字符串，并使用indexOf()方法来查找小数点的位置。如果找到了小数点，我们使用substr()方法截取小数点后的两位数字，并使用padEnd()方法在末尾补充两个0以保证小数点后有两位有效数字。然后将字符串进行拼接。如果没有找到小数点，则在末尾添加”.00″来表示两位有效数字。最后返回处理后的字符串。
需要注意的是，由于我们手动实现了保留两位有效数字的逻辑，因此在某些特殊情况下可能会出现舍入错误。同样地，这种方法也需要将结果转换为数字类型，以便进行后续的计算和处理。
总结
本文介绍了四种常见的方法来实现JS中保留两位有效数字的效果，包括使用toFixed()方法、Math.round()方法、正则表达式和手动实现逻辑。在实际开发中，根据具体需求选择适合的方法来处理数字是非常重要的。根据需求的不同，我们可以灵活地使用这些方法来满足特定的需求，实现数字的精确展示和处理。