类型转换 float js - Javascript

在 JavaScript 中，类型转换是一个常见的操作，其中一种类型转换是将值转换为浮点数类型。在本文中，我们将讨论如何在 JavaScript 中进行浮点数类型转换。

parseFloat()

parseFloat() 是 JavaScript 内置函数的一种，用于将字符串转换为浮点数。它的语法如下：

parseFloat(string)

其中 string 是要转换的字符串。如果该字符串不能被转换为数字，则 parseFloat() 返回 NaN。

示例代码：

let str = "3.14";
let num = parseFloat(str);

console.log(num); // 3.14
console.log(typeof num); // "number"

在上面的代码中，我们首先定义了一个字符串变量 str，然后使用 parseFloat() 将其转换为浮点数并保存在 num 变量中。最后，我们使用 console.log() 分别输出了 num 变量的值和类型。

使用 Number()

在 JavaScript 中，也可以使用 Number() 函数将一个值转换为浮点数类型。它可以将字符串、布尔值、数字、null 和 undefined 等类型的值转换为浮点数类型。

示例代码：

let str = "3.14";
let num = Number(str);

console.log(num); // 3.14
console.log(typeof num); // "number"

在上面的代码中，我们使用 Number() 函数将变量 str 转换为浮点数并保存在 num 变量中。最后，我们使用 console.log() 分别输出了 num 变量的值和类型。

parseFloat() 与 Number() 的区别

虽然 parseFloat() 和 Number() 都可以将一个值转换为浮点数类型，但它们之间存在一些区别。

首先，当解析的字符串前面出现空格时，parseFloat() 会忽略这些空格，而 Number() 则不会。例如：

let str = "   3.14";
let num1 = parseFloat(str);
let num2 = Number(str);

console.log(num1); // 3.14
console.log(num2); // NaN

在上面的代码中，变量 str 前面有若干个空格，使用 parseFloat() 可以正确地解析出浮点数，而使用 Number() 则会返回 NaN。

其次，在解析特殊值时，两者也存在差异。例如：

let num1 = parseFloat("NaN");
let num2 = Number("NaN");

console.log(num1); // NaN
console.log(num2); // NaN

在上面的代码中，我们尝试使用 parseFloat() 和 Number() 分别将字符串 "NaN" 转换为浮点数类型。可以看出，它们的返回结果是一致的。

总结

本文介绍了在 JavaScript 中进行浮点数类型转换的两种方法：parseFloat() 和 Number()。它们都可以将一个值转换为浮点数类型，但使用时需要注意它们之间的差异。