如何在 JavaScript 中将字符串转换为整数?
javascriptweb developmentfront end technology
在本文中,我们将通过适当的示例介绍如何在 JavaScript 中将字符串转换为整数。
要将字符串转换为整数,JavaScript 中使用 parseInt()、Number() 和一元运算符 (+) 函数。当字符串不包含数字时,parseInt() 函数返回 NaN(不是数字)。如果发送了带有数字的字符串,则只会返回该数字作为输出。此函数不接受空格。如果发送了任何带有空格的特定数字,则将返回空格之前的数字部分作为输出。
要将字符串转换为整数,我们可以使用 parseInt()、Number() 和一元运算符 (+)。每个运算符都通过示例进行了讨论。
使用 parseInt() 方法
parseInt() 方法的语法为 −
parseInt(string); parseInt(string,radix);
其中,
string 是要解析的字符串。
radix 用于表示数字系统中的基数。2 表示二进制,8 表示八进制,10 表示十进制,16 表示十六进制。
此方法返回从字符串解析出的整数值。
示例
这是一个使用 parseInt() 方法将字符串转换为整数的示例程序。
<!DOCTYPE html> <html> <head> <title>To convert a string to an integer in JavaScript</title> </head> <body style="text-align : center"> <h3></h3> <p id='strToInt'>To convert a string to an integer in JavaScript</p> <script> //ParseInt() parses a string and returns a whole number, else NaN. let a = parseInt("100"); let b = parseInt("100.234"); let c = parseInt([1.2]); let d = parseInt(true); let e = parseInt("hello") document.getElementById('strToInt').innerHTML = `parseInt("100") is ${a} ${'<br/>'} parseInt("100.234") is ${b} ${'<br/>'} parseInt([1.2]) is ${c} ${'<br/>'} parseInt(true) is ${d} ${'<br/>'} parseInt('hello') is ${e} `; </script> </body> </html>
使用 Number() 方法
Number() 方法的语法为
Number(value)
其中,value 可以是任何可转换为数字的原始数据类型,否则返回 NaN。此方法返回一个数字。
示例
这是一个使用 Number() 方法将字符串转换为整数的示例程序。
<!DOCTYPE html> <html> <head> <title>To convert a string into integer in JavaScript</title> </head> <body style="text-align : center"> <h3></h3> <p id='valToNum'>To convert a string into integer in JavaScript using Number()</p> <script> let a = Number("100"); let b = parseInt(Number("100.234")); let c = Number(true); //return 0 or 1 for boolean let d = Number("true"); //returns a number or NaN let e = Number(new Date()); //returns number of milli seconds from Jan 1 1970 let f = Number([1]); document.getElementById('valToNum').innerHTML = `Number("100") is ${a} ${'<br/>'} Number("100.234") is ${b} ${'<br/>'} Number(true) is ${c} ${'<br/>'} Number("true") is ${d} ${'<br/>'} Number(new Date()) is ${e} ${'<br/>'} Number([1]) is ${f} `; </script> </body> </html>
执行上述代码后,将生成以下输出。
使用一元运算符
一元加法运算符的语法为 −
+op;
其中,op 是操作数。一元运算符 + 位于操作数之前,并尝试将其转换为数字。返回一个数字。
示例
这是一个使用一元运算符 + 将字符串转换为整数的示例程序。
<!DOCTYPE html> <html> <head> <title>To convert a string into Integer in JavaScript</title> </head> <body style="text-align : center"> <h3>To convert a string into integer in JavaScript using Unary operator</h3> <p id='valToNum'></p> <script> // Unary operator converts a string to a Number. let a = +"100"; let b = +"-100.234"; document.getElementById('valToNum').innerHTML = `+"100" is ${a} ${'<br/>'} +"-100.234" is ${b} ${'<br/>'} `; </script> </body> </html>
执行上述代码后,将生成以下输出。