JavaScript 如何解析保留两位小数的浮点数

JavaScript是一种高级、动态类型和解释性的客户端脚本语言。JavaScript提供了一个内置的 parseFloat() 方法来解析字符串并返回浮点数。

方法1

parseFloat() 方法检查字符串的第一个字符是否为数字，如果是数字，则该方法解析整个字符串。如果字符串的第一个字符不是数字，则 parseFloat() 方法返回NaN（非数字）。 parseFloat() 方法解析整个字符串。如果传入的字符串小数点后面有5位数字，则输出是一个带有5位小数的浮点数。为了限制小数点后最多保留2位数字，使用 toFixed() 方法。这个方法将浮点数四舍五入到小数点后2位。

parseFloat()的语法：

parseFloat(string)

toFixed()的语法:

toFixed( int )

示例 1： 此示例展示了上述方法的使用。

var num1 = parseFloat("10.547892")
var num2 = parseFloat("10.547892").toFixed(2)
console.log("Without using toFixed() method");
console.log(num1);
console.log("Using toFixed() method");
console.log(num2);

输出：

Without using toFixed() method
10.547892
Using toFixed() method
10.55

示例2： 上面的示例将数字四舍五入到小数点后2位。但在某些情况下，开发人员可能不想将数字四舍五入。这是一种在不进行四舍五入的情况下获得指定位数的浮点数的替代方法。

方法2

首先，将第一个参数转换为字符串，这有助于如果传递的参数不是字符串格式的。现在将字符串从起点开始切片，直到小数点后指定的位数。最后，将切片的字符串转换为数字并返回。此方法的局限性是，与 parseFloat()方法不同，该方法无法检测传递的字符串是否实际包含浮点数。

示例： 在此示例中，定义了一个名为 ParseFloat()的函数，它接受两个参数。第一个参数是要解析的字符串或数字，第二个参数是小数点后的位数。

function ParseFloat(str,val) {
    str = str.toString();
    str = str.slice(0, (str.indexOf(".")) + val + 1); 
    return Number(str);   
}
console.log(ParseFloat("10.547892",2))

输出：