百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

js 中 parseInt() 的奇怪现象_js中parseint的用法

itomcoil 2025-08-30 23:50 6 浏览

parseInt()是一个内置的 JavaScript 函数,可以从数字字符串中解析整数。例如,让我们从数字字符串中解析整数'100'

const number = parseInt('100');  // => 100

正如预期的那样,'100' 被解析为整数100

parseInt(numericalString, radix)还有第二个参数radix:数字字符串参数所使用的基数。radix 参数允许您解析来自不同数字基数的整数,最常见的有 2、8、10 和 16。

如下示例:

parseInt('100', 2) 解析'100'为以 2 为基数的整数:因此它返回值4(十进制)。

1. parseInt()的奇怪行为

parseInt(numericalString)总是将其第一个参数转换为字符串(如果它不是字符串),然后将该数字字符串解析为整数值。

这就是为什么您可以(但不建议!)使用parseInt()来提取浮点数的整数部分:

parseInt(0.5);            // => 0
parseInt(0.05);          // => 0
parseInt(0.005);        // => 0
parseInt(0.0005);      // => 0
parseInt(0.00005);    // => 0
parseInt(0.000005);  // => 0

提取浮点数的整数部分,如0.5,0.05等,结果为0. 这些都是预料的结果。

试试提取 0.0000005 的整数部分,结果是什么?

parseInt(0.0000005);  // => 5

parseInt() 将浮点数解析为 0.0000005,整数部分是5,这有点出乎意料...

为什么 parseInt(0.0000005) 会有如此奇怪的行为?

2.解开parseInt()之谜

让我们再看看parseInt(numericalString)它的第一个参数做了什么:如果它不是字符串,则将其转换为字符串,然后进行解析,并返回解析后的整数。

让我们尝试手动将浮点数转换为字符串表示:

String(0.5);      // => '0.5'
String(0.05);     // => '0.05'
String(0.005);    // => '0.005'
String(0.0005);   // => '0.0005' 
String(0.00005);  // => '0.00005'
String(0.000005); // => '0.000005'
String(0.0000005); // => '5e-7'

字符串的String(0.0000005)的结果与其他浮点数不同,它返回一个指数符号的字符串表示!

这是一个很重要的线索!

当指数表示法被解析为整数时,您会得到数字5

parseInt(0.0000005);  // => 5
// 等同于
parseInt(5e-7);      // => 5
// 等同于
parseInt('5e-7');    // => 5

parseInt('5e-7') 跳过'e-7',使用第一个数字'5'

谜团已揭开!因为parseInt()总是将其第一个参数转换为字符串,所以小于 10 -6的浮点数以指数表示法编码。然后parseInt()从浮点数的指数符号中提取整数。

附带说明一下,为了安全地提取浮点数的整数部分,我推荐Math.floor()函数:

Math.floor(0.5);      // => 0
Math.floor(0.05);     // => 0
Math.floor(0.005);    // => 0
Math.floor(0.0005);   // => 0
Math.floor(0.00005);  // => 0
Math.floor(0.000005);  // => 0
Math.floor(0.0000005);  // => 0

三、结论

parseInt()是将数字字符串解析为整数的函数。

尝试使用提取浮点数的整数部分时必须谨慎使用 parseInt()

转换小于 10 -6的浮点数(例如0.0000005,与5e-7相同)时,parseInt()会导致意想不到的结果:只有指数表示法的重要部分(例如 5e-7)被解析为5

你能解释为什么parseInt(999999999999999999999)等于1吗?在下面的评论中写下您的解释!

相关推荐

Filter函数在WPS里的正确用法,官方教程里都没有说......

Filter函数是office365新增的筛选函数,WPS也紧跟添加了它。但在二个软件中的使用方法却完全不同。office365有单元格溢出功能,只需要输入一个Filter公式即可完成数据筛选。但在W...

跳过VLOOKUP天坑!FILTER函数10个招式让同事以为你开了外挂?

还在为VLOOKUP的"一对多"限制头疼?是否还在为INDEX+MATCH的嵌套抓狂?今天教你用Excel新晋顶流——FILTER函数,10个高能用法让你秒变数据操控大师!用法1:精准...

Filter函数的三种用法,比用VLOOKUP一对多查询,更加灵活方便

文章最后有彩蛋!好礼相送!Excel秘籍大全,正文开始FILTER函数可以基于定义的条件筛选一系列数据。在没有filter函数之前,如果实现一对多查询,常见的是构建辅助列,然后使用VLOOKUP+R...

Filter函数公式,快速实现订单核对,1分钟学会

举个例子,我们有一份公司所有的订单源数据表格,这里我们只用两列信息来模拟,实际可能有很多列数据,几百行数据然后我们有另外一个表,里面有部分已经处理过的订单数据,如下所示,这里举例是4个,实际可能有上百...

FILTER函数结合及经典用法2:一对多筛选

FILTER经典用法2:一对多筛选。FILTER函数的经典用法2:一对多的筛选。比如左边这个表格,需要根据部门筛选出每个部门的人员,应该怎样做?·把鼠标放在单元格内,在编辑栏输入等于FILTER。·第...

干掉VLOOKUP,FILTER函数9大用法全解析!

1.单条件基础筛选场景:筛选销量>5000的记录公式:=VSTACK(A1:D1,FILTER(A2:D9,D2:D9>5500))解析:A2:D9为需要筛选的数据区域,D2:D9&...

Excel新函数公式Filter,秒杀VLOOKUP,人人必学

以前VLOOKUP公式是必学的公式,自从新版本更新之后,VLOOKUP已经变得可有可无了,但是新出来的Filter函数公式,你必须学会,它非常的强大,工作中用到非常频繁1、Filter公式背景在学会这...

第一讲:filter的基本用法及拓展_filter详解

全能查找函数filter的基本用法及拓展初学者,务必观看。进阶者,可互相学习,欢迎在回复中补充新用法。首次撰写此函数相关内容,若有不足之处,请予以指教,请勿诋毁,多谢。提示:以下内容以WPS最新版本为...

测一测你是什么粒子?_测测你是什么质

大亚湾实验。|图片来源:RoyKaltschmidt,LawrenceBerkeleyNationalLaboratory/WikimediaCommons2020年12月12日,大亚湾...

SpringBoot如何处理配置文件的密文

在SpringBoot应用中,直接在配置文件(如application.yml或application.properties)中明文存储数据库密码、API密钥等敏感信息是严重的安全风险,...

大语言模型解释Python的 类装饰器

一、什么是类装饰器?在Python中,装饰器(Decorator)是一种高阶函数,它接受另一个对象(通常是函数或类),并返回一个经“增强”处理后的新对象。我们常见的是对函数进行装饰:@my_dec...

Thymeleaf_thymeleaf属于前端吗

一、Thymeleaf简介Thymeleaf是用来开发Web和独立环境项目的服务器端的Java模版引擎Spring官方支持的服务的渲染模板中,并不包含jsp。而是Thymeleaf和Freemarke...

Win9去哪了?Win10避讳Windows95、98

10月1日,微软在旧金山发布了新一代操作系统预览版。但不是名为Windows9,而是win10,有业内人士猜测,跳过9而取10为命名是为了预示十全十美。可是小编还觉得9还代表长长久久呢!恐怕这里又说...

仓颉编程练习-字符串操作_仓颉编译器

main.cj:importstd.convert.Parsablemain():Int64{//字符串比较lets1:String="abc"...

一课译词:断断续续_一课译词:断断续续的意思

PhotobyMikefromPexels“断断续续”,或“时断时续”,意思是时而中断,时而继续地接连下去(continuefromtimetotime)。与英文惯用语“fitsan...