如何在JavaScript中将字符串转换为整数?




如何在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>

执行上述代码后,将生成以下输出。



JavaScript 精选笔记
如何在JavaScript中显示下拉列表中的选定选项如何使用JavaScript DOM添加表格行JavaScript的优缺点如何在JavaScript中停止forEach()方法如何使用JavaScript改变文本的字体颜色如何将本地JSON文件数据导入到我的JavaScript变量如何使用JavaScript在按钮上添加onclick事件?如何在JavaScript中调用返回另一个函数的函数从JSON对象转换为JavaScript中的数组如何使用JavaScript隐藏HTML元素如何使用JavaScript从*.CSV文件中读取数据如何使用JavaScript在5秒后重定向网页如何在ReactJS中验证手机号长度如何在ReactJS中验证电子邮件如何在ReactJS中验证日期如何在ReactJS中去除输入的空白字符如何在ReactJS中使用setState更新对象如何使用JavaScript重置或清除表单?如何使用JavaScript创建一个换行?如何在页面加载时调用JavaScript函数?如何使用HTML按钮调用JavaScript函数?如何在HTML中使文本加粗如何在JavaScript中检查复选框是否被选中?如何在HTML中更改文字字体?如何在JavaScript中删除现有的HTML元素?如何使用JavaScript停止表单提交?如何去除 JavaScript 数字的小数部分?如何在JavaScript中使用前导零填充数字?JavaScript中将字符串转换为数组如何使用JavaScript判断一个数是奇数还是偶数?如何通过JavaScript检测移动设备?JavaScript Sleep() 函数如何使用Javascript读写文件使用event.preventDefault()在表单提交时停止页面刷新如何向JavaScript对象添加元素?如何在JavaScript数组中查找重复值?如何在JavaScript中向HTML DOM添加新元素?如何在JavaScript中创建自定义的提示框?使用HTML和JavaScript进行表单验证如何在HTML中更改字体大小?JavaScript的替代方案使用HTML、CSS和JavaScript创建可悬停的侧边导航如何在JavaScript中将字符串转换为整数?将字符串左旋转和右旋转相匹配的JavaScript程序以最小化改变的字符JavaScript 找出最大的连续递减元素JavaScript 使用默认值将数组映射到一个新数组JavaScript 操作对象数组JavaScript 通过Array对象列表来操作对象进行分组JavaScript 创建另一个数组的重复值数组JavaScript JSON组对象JavaScript 在已排序列表中搜索项目的最佳方法是什么JavaScript 合并子数组JavaScript 使用BigInt计算长阶乘