广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript 中的 parseInt() 函数详解
  • 274
分享到

JavaScript 中的 parseInt() 函数详解

js parseInt() 函数js parseInt() 2023-05-19 17:05:33 274人浏览 泡泡鱼
摘要

目录参数描述总结parseInt() 函数可解析一个字符串,并返回一个整数。 parseInt 可以接受 2 个函数。 parseInt(string, radix)&nb

parseInt() 函数可解析一个字符串,并返回一个整数。

parseInt 可以接受 2 个函数。

parseInt(string, radix) 解析一个字符串并返回指定基数的十进制整数, radix 是2-36之间的整数,表示被解析字符串的基数。

当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数。

参数

string

要被解析的值。如果参数不是一个字符串,则将其转换为字符串(使用 ToString 抽象操作)。字符串开头的空白符将会被忽略。

radix 可选

从 2 到 36,表示字符串的基数。例如指定 16 表示被解析值是十六进制数。请注意,10不是默认值!

描述

parseInt函数将其第一个参数转换为一个字符串,对该字符串进行解析,然后返回一个整数或 NaN

如果不是NaN,返回值将是以第一个参数作为指定基数 radix 的转换后的十进制整数。(例如,radix10,就是可以转换十进制数,为8可以转换八进制数"07",16可以转换十六进制数"0xff",以此类推)。

对于 radix 10以上的,英文字母表示大于9的数字。例如,对于十六进制数(基数16),则使用 A 到 F 。

如果 parseInt 遇到的字符不是指定 radix 参数中的数字,它将忽略该字符以及所有后续字符,并返回到该点为止已解析的整数值。 parseInt 将数字截断为整数值。 允许前导和尾随空格。

由于某些数字在其字符串表示形式中使用e字符(例如 6.022×23 表示 6.022e23 ),因此当对非常大或非常小的数字使用数字时,使用 parseInt 截断数字将产生意外结果。 parseInt不应替代Math.floor()。

parseInt 可以理解两个符号。+ 表示正数,- 表示负数(从ECMAScript 1开始)。它是在去掉空格后作为解析的初始步骤进行的。如果没有找到符号,算法将进入下一步;否则,它将删除符号,并对字符串的其余部分进行数字解析。

如果 radix 是 undefined0或未指定的,javascript会假定以下情况:

  • 如果输入的 string以 "0x"或 “0x”(一个0,后面是小写或大写的X)开头,那么radix被假定为16,字符串的其余部分被当做十六进制数去解析。
  • 如果输入的 string以 “0”(0)开头, radix被假定为8(八进制)或10(十进制)。具体选择哪一个radix取决于实现。ECMAScript 5 澄清了应该使用 10 (十进制),但不是所有的浏览器都支持。因此,在使用 parseInt 时,一定要指定一个 radix。
  • 如果输入的 string 以任何其他值开头, radix 是 10 (十进制)。

如果第一个字符不能转换为数字,parseInt会返回 NaN

为了算术的目的,NaN 值不能作为任何 radix 的数字。你可以调用isNaN函数来确定parseInt的结果是否为 NaN。如果将NaN传递给算术运算,则运算结果也将是 NaN

要将一个数字转换为特定的 radix 中的字符串字段,请使用 thatNumber.toString(radix)函数。

总结

通常我们都会使用 parseInt 来转换成一个 10 进制的数。

一个使用场景是你在参数中传入了一个字符串来表示当前时间的 Unix 时间,你需要将这个时间首先转换成整数后再用来构造 moment 对象。

在 IntelliJ idea 中,使用了不同的颜色来区分结果的类型。

同时如果是字符的话,IntelliJ IDEA 会使用引号。

如果上面图中的对比。

当然,你也可以直接写成

moment.utc(+duplicateData.timeStamp)

在方法前面添加一个 + 号也会帮你完成转换的。

有个同学做了下面的一个表,觉得挺好的,能够帮助你在转换的时候参考下。

parseInt 转换和可能出现 NaN 的情况。

到此这篇关于JavaScript 的 parseInt() 函数的文章就介绍到这了,更多相关js parseInt() 函数内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: JavaScript 中的 parseInt() 函数详解

本文链接: https://www.lsjlt.com/news/213505.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript 中的 parseInt() 函数详解
    目录参数描述总结parseInt() 函数可解析一个字符串,并返回一个整数。 parseInt 可以接受 2 个函数。 parseInt(string, radix)&nb...
    99+
    2023-05-19
    js parseInt() 函数 js parseInt()
  • JavaScript parseInt()函数的用法是什么
    JavaScript中的parseInt()函数用于将字符串转换为整数。它接受两个参数:要转换的字符串和一个可选的基数(表示要解析的...
    99+
    2023-10-11
    JavaScript
  • javascript中使用parseInt函数时的问题示例
    这篇文章主要为大家展示了“javascript中使用parseInt函数时的问题示例”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“javascript中使用parseInt函数时的问题示例”这篇...
    99+
    2023-06-03
  • JavaScript parseInt()与Number()区别案例详解
    学习目标: parseInt()、Number()这两个函数用到最多的地方就是把一个字符串转换成数据类型,那么他们都有哪些区别? 学习内容: parseInt()函数将给定的字符串以...
    99+
    2022-11-12
  • 详解JavaScript中的replace()函数
    JavaScript中的replace()函数是用于替换字符串中的某个子串的方法。该方法接受两个参数:要替换的子串和替换后的字符串。...
    99+
    2023-09-09
    java
  • Javascript中的async函数详解
    前言:async 是“异步”的简写,async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成,await 只能出现在...
    99+
    2022-11-13
  • JavaScript中的parseInt()的用法
    本篇内容介绍了“JavaScript中的parseInt()的用法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!起因写这篇博客的起因是今天在...
    99+
    2023-06-20
  • JavaScript中Array的filter函数详解
    目录描述理解示例原生实现描述 filter为数组中的每个元素调用一次callback函数,并利用所有使得callback返回 true 或等价于 true 的值的元素创建一...
    99+
    2022-11-13
  • JavaScript中parseInt()的示例分析
    这篇文章将为大家详细讲解有关JavaScript中parseInt()的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。parseInt()是内置的 JS 函数,用于解析数字字符串中的整数。 例如,...
    99+
    2023-06-15
  • 浅谈JavaScript中的parseInt()的妙用
    起因 写这篇博客的起因是今天在刷leetcode的每日一题,是一道字符串转换整数 (atoi)的题,感兴趣的话可以点击题目名称去看一下具体描述。在我多次debug终于成功提交之后,去...
    99+
    2022-11-12
  • 详解JavaScript的函数简介
    目录函数简介函数function创建函数构造函数创建函数函数声明创建函数函数表达式创建函数函数的参数形参(形式参数):实参(实际参数):函数的调用通过对象调用new调用函数的返回值立...
    99+
    2022-11-12
  • JavaScript函数的使用详解
    目录1. 声明函数2. 调用函数3. 函数的参数4. 函数的返回值5. arguments的使用6. 函数可以调用另外一个函数7. 函数的两种声明方式总结1. 声明函数2. 调用函数...
    99+
    2022-11-12
  • JavaScript中的回调函数详细解析
    以上就是JavaScript中的回调函数详细解析的详细内容,更多请关注编程网其它相关文章!...
    99+
    2022-11-23
    JavaScript
  • JavaScript函数语法详解
    目录一、普通函数二、箭头函数三·、数据包 JSON四、对象Object五、Promise六、Async : Await七、包总结一、普通函数 js的函数创建比较特殊,有很多种方式,最...
    99+
    2022-11-12
  • 详解JavaScript中的箭头函数的使用
    目录前言箭头函数语法无圆括号语法隐式返回注意隐式返回错误无法命名箭头函数如何处理this关键字匿名箭头函数不正常工作的情况箭头函数作为对象方法箭头函数与第三方库箭头函数没有argum...
    99+
    2022-11-13
    JavaScript箭头函数使用 JavaScript 箭头函数 JS 箭头函数
  • JavaScript中箭头函数与普通函数的区别详解
    本文为大家讲解了JavaScript中箭头函数与普通函数的区别,供大家参考,具体内容如下 箭头函数: let fun = () => { console.log('...
    99+
    2022-11-12
  • 关于JavaScript中parseInt()的一个怪异行为解决
    目录1. parseInt() 中的一个怪异行为2.解决 parseInt() 该怪异行为3. 总结parseInt() 是一个内置的 JavaScript 函数,它可以将数字字符串...
    99+
    2022-12-08
    js中的parseint js parseint js parseInt()
  • JavaScript中函数的防抖与节流详解
    目录一、函数的节流1.1 定义1.2 解决方法1.3 案例演示1.3 .1  代码演示1.3 .2  运行结果1.3 .3  添加函数节流操作1.3 ....
    99+
    2022-11-13
  • javascript中的类,继承,构造函数详解
    目录前言一、Class类二、es5构造函数三、实例、类的关系实例的原型指向类的原型Constructor四、继承es6继承es5继承的实现总结前言 在es5中实现一个构造函数,并用n...
    99+
    2022-11-13
  • 详解JavaScript中的before-after-hook钩子函数
    目录before-after-hook1.单独的钩子2.Hook collectionbefore-after-hook 最近看别人的代码,接触到一个插件,before-after-...
    99+
    2022-12-15
    JavaScript before-after-hook钩子函数 JavaScript before-after-hook JavaScript 钩子函数
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作