JavaScript 中的 ParseInt

作者 : 慕源网 本文共1429个字,预计阅读时间需要4分钟 发布时间: 2022-03-12 共128人阅读

本文讨论 JavaScript parseInt 函数如何与 Web 浏览器一起工作。

ParseInt()

如果字符串表示正确的数值,则此方法可用于将字符串值转换为整数。

它有两个参数,一个是需要转换的字符串,另一个是可选参数 radix。

句法

ParseInt(string,radix)

在 String 值中,始终会考虑第一个字符并忽略空格。如果给定的字符串不是数字,则显示 NAN(NOT A NUMBER)。

在基数中,可以在 2 到 36 的范围内使用值,并根据给定的值进行数字转换。如果给出 10,它被认为是十进制,而 2 是二进制。

ParseInt("100",10) // returns 100
ParseInt(" 50 ",10) // returns 50
parseInt("111",2)   // returns 7
ParseInt("He is  50 years old",10) // returns NAN

如果第二个参数 (radix) 不存在,则 parseInt 方法将默认为 10,如果 radix 值以 0X 开头,则 JavaScript 将其视为 16(Hex)。

ParseInt("567") // returns 567
ParseInt(" 78 ") // returns 78

通过使用 parseInt,我们可以执行从一种格式到另一种格式的不同类型的数字转换,例如十六进制十进制到十进制和二进制到八进制。使用 toString() 方法我们可以实现这一点。示例代码如下。

<!DOCTYPE html>
<html>
  <head>
    <title>Numbers </title>
    <h4 style="color:green; bold;">Convert to Numbers</h4>
  </head>
  <body>
    <p style="color:green;">parseInt Method Only with first Argument</p>
    <p id="id1"></p>
    <p style="color:red;">parseInt Method with radix</p>
    <p id="id2"></p>
    <p style="color:red;">parseInt Method along with ToString()</p>
    <p id="id3"></p>
    <script>
      document.getElementById("id1").innerHTML = parseInt("50") + " < br > " +
      parseInt("32.00") + " < br > " +
      parseInt("   25   ") + " < br > " +
      parseInt("He is  50 years old");
      document.getElementById("id2").innerHTML = parseInt("50", 8) + " < br > " +
      parseInt("1011", 2) + " < br > " +
      parseInt("124", 16);
      document.getElementById("id3").innerHTML = parseInt(11101100101, 2).toString(16) + " < br > " +
      parseInt("101", 2).toString(8) + " < br > " +
      parseInt("ABCD", 16).toString(10);
    </script>
  </body>
</html>

这个简单的 HTML 代码包含 3 个段落 <p> 标记,这些 id 在脚本标记内部使用 HTML 内部标记的 DOM 元素并执行 parseInt 操作。因此输出窗口附在下面。 

JavaScript 中的 ParseInt


慕源网 » JavaScript 中的 ParseInt

常见问题FAQ

程序仅供学习研究,请勿用于非法用途,不得违反国家法律,否则后果自负,一切法律责任与本站无关。
请仔细阅读以上条款再购买,拍下即代表同意条款并遵守约定,谢谢大家支持理解!

发表评论

开通VIP 享更多特权,建议使用QQ登录