如何在 JavaScript 中将字符串转换为数字?
在本教程中，我们将学习如何在 JavaScript 中将 字符串 转换为 数字。字符串 和数字是 JavaScript 的数据类型。程序员经常需要更改变量的数据类型，我们将学习相同的内容。
本教程介绍了将字符串转换为数字的各种方法。
使用 Number() 构造函数
使用 parseFloat() 方法
使用一元 (+) 运算符
使用 Number() 构造函数
在第一种方法中，使用 JavaScript 将字符串转换为数字，我们将使用 Number() 构造函数。它是数字类的构造函数。当我们传递任何值作为参数时，它会用参数值初始化数字变量并返回新创建的数字值。
语法
用户可以按照以下语法使用 Number 构造函数。
let string = "123"; let number = Number( string );
示例
在下面的例子中，我们使用了 Number() 构造函数将字符串值转换为数字值。此外，我们将检查转换变量的类型，以明确该字符串是否转换为数字。
<html> <body> <h2> Convert the string to number in JavaScript. </h2> <h4> Converting string "543" to number using <i> Number() </i>constructor . </h4> <div id = "number1"> </div> </body> <script> var number1 = document.getElementById("number1"); let string = "534"; let number = Number(string) number1.innerHTML += number + "<br/>"; number1.innerHTML += "type of 534: " + typeof number; </script> </html>
在上面的输出中，用户可以看到 Number() 构造函数返回的值类型是数字，这意味着字符串被转换为数字。
使用 parseFloat() 方法
将字符串转换为数字的第二种方法是使用 JavaScript 的内置方法 parseFloat()。parseFloat() 方法从字符串中提取浮点数值。此外，用户可以使用它从字符串变量中提取整数值。
语法
用户可以按照以下语法使用 parseFloat() 方法。
let string = "12.54"; let number = parseFloat( string );
参数
stirng − 它是一个字符串，其中包含可以是浮点数或整数的数字值。
示例
我们使用 parseFloat() 数字从字符串中提取数字。我们已经测试了 parseFloat() 方法从字符串中提取整数和浮点数值。
<html> <body> <h2> Convert the string to number in JavaScript. </h2> <h4> converting different string values to number using <i> parseFloat() </i> method. </h4> <div id = "number1"> </div> </body> <script> var number1 = document.getElementById("number1"); let string = "534"; let number = parseFloat(string) number1.innerHTML += "'534' => " + number + "<br/>"; number1.innerHTML += "type of 534 is " + typeof number + "<br/>"; number = parseFloat('23.43'); number1.innerHTML += "'23.43' => " + number + "<br/>"; </script> </html>
在上面的输出中，用户可以看到，当我们传递包含整数值的字符串时，parseFloat() 方法会提取整数，浮点值也会发生同样的情况。
使用一元 (+) 运算符
用户只能对数字值执行 一元 运算。在 JavaScript 中，当用户对任何字符串值执行 一元 运算时，它会自动将字符串转换为数字值而不会出现错误。
语法
用户可以按照以下语法使用一元"+"运算符将字符串转换为数字。
let string = "875.65"; let number = +( string );
示例
下面的示例演示了如何使用一元运算符将字符串转换为具有不同字符串的数字。
<html> <body> <h2> Convert the string to number in JavaScript. </h2> <h4> converting different string values to number using <i> Unary + </i> operator. </h4> <div id = "number1"> </div> </body> <script> var number1 = document.getElementById("number1"); let string = "214"; let number = parseFloat(+string) number1.innerHTML += " '214' => " + number + "<br/>"; number1.innerHTML += " type of 214 is " + typeof number + "<br/>"; number = +('12.93'); number1.innerHTML += " '12.93' => " + number + "<br/>"; </script> </html>
我们已经学习了将包含数字的字符串转换为数字值的三种方法。第一种方法适用于所有情况，parseFloat() 方法从字符串中提取整数或浮点数值。第三种方法是这三种方法中最快的方法。
但是，用户可以尝试将字符串乘以 1，它会将字符串转换为数字。此外，我们可以使用 parseInt() 方法，该方法仅从数字字符串中提取整数。
