JavaScript 中的 parseInt() 函数详解

 更新时间:2023年05月10日 09:59:05   作者:honeymoose  
parseInt函数将其第一个参数转换为一个字符串,对该字符串进行解析,然后返回一个整数或 NaN,这篇文章主要介绍了JavaScript 的 parseInt() 函数,需要的朋友可以参考下

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() 函数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • webpack loader使用的安装配置

    webpack loader使用的安装配置

    这篇文章主要为大家介绍了webpack loader使用的安装配置详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • JavaScript实现一个多少秒后自动跳转的页面(案例代码)

    JavaScript实现一个多少秒后自动跳转的页面(案例代码)

    最近遇到这样一个需求是用js简单实现一个多少秒后自动跳转的页面,实现代码非常简单,对js自动跳转页面相关知识感兴趣的朋友一起看看吧
    2023-01-01
  • javascript从作用域链谈闭包

    javascript从作用域链谈闭包

    这篇文章主要从作用域链谈闭包,闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现,本文针对闭包进行学习,需要的朋友可以参考下
    2015-12-12
  • a标签置灰不可点击的实现方法

    a标签置灰不可点击的实现方法

    下面小编就为大家带来一篇a标签置灰不可点击的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • 关于ES6中数组新增的方法详解

    关于ES6中数组新增的方法详解

    数组(Array)是有序的元素序列,若将有限个类型相同的变量的集合命名,那么这个名称为数组名,下面这篇文章主要给大家介绍了关于ES6中数组新增方法的相关资料,需要的朋友可以参考下
    2022-03-03
  • ES6 Symbol在对象中的作用实例分析

    ES6 Symbol在对象中的作用实例分析

    这篇文章主要介绍了ES6 Symbol在对象中的作用,结合实例形式分析了ES6 Symbol在对象中声明、使用方法与相关注意事项,需要的朋友可以参考下
    2020-06-06
  • Js跳出两级循环方法代码实例

    Js跳出两级循环方法代码实例

    这篇文章主要介绍了Js跳出两级循环方法代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • JS动画效果代码3

    JS动画效果代码3

    用js实现的动画效果
    2008-04-04
  • 原生JavaScript实现Ajax异步请求

    原生JavaScript实现Ajax异步请求

    ajax现在是一种非常流行的技术,现在虽然可以利用JQuery或者一些第三方插件甚至微软提供的一些控件可以方面的实现ajax功能,但是明白其原理也是非常重要的,下面是来使用纯javascript实现获取服务器端的功能来展示如何使用纯javascript实现ajax功能,以弄清其原理.
    2017-11-11
  • JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)

    JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)

    下面小编就为大家带来一篇JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11

最新评论