如何在JavaScript中将字符串转换为整数?
在本文中,我们将讨论如何在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)
Where, 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>
执行上述代码后,将生成以下输出。