• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > JavaScript中解析parseInt()的怪异行为

JavaScript中解析parseInt()的怪异行为

作者:站长图库 字体:[增加 减小] 来源:互联网

站长图库向大家介绍了JavaScript,解析parseInt(),怪异行为等相关知识,希望对您有所帮助

本篇文章给大家介绍一下JavaScript中解析parseInt()的怪异行为。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。


JavaScript中解析parseInt()的怪异行为


parseInt()是内置的 JS 函数,用于解析数字字符串中的整数。 例如,解析数字字符串'100':

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

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

parseInt(numericalString, radix)还接受第二个参数:从 2 到 36,表示字符串的基数。例如指定 16 表示被解析值是十六进制数。请注意,10 不是默认值,最常见的是 2、8、10 和 16。

例如我们使用 parseInt 以二进制方式解析数字字符串:

100 对应的二进制数是 4,所以返回 4。


1. parseInt() 的怪异行为

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

这就是为什么你可以(但不应该)使用parseInt()提取浮点数的整数部分的原因:

parseInt(0.5);      // => 0parseInt(0.05);     // => 0parseInt(0.005);    // => 0parseInt(0.0005);   // => 0parseInt(0.00005);  // => 0parseInt(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// same asparseInt(5e-7);      // => 5// same asparseInt('5e-7');    // => 5

parseInt('5e-7')考虑第一个数字'5',但跳过'e-7'。

谜团已揭开! 因为 parseInt() 始终将其第一个参数转换为字符串,所以小于10负6次方的浮点数将以指数表示。 然后 parseInt() 从 float 的指数表示法中提取整数。

另外,为了安全地提取浮点数的整数部分,建议使用 Math.floor() 函数:

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


3.总结

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

尝试使用parseInt()提取浮点数的整数部分时必须小心。

小于10的-6次方 (例如0.0000005,也就是5*10-7)的浮点数转换成字符串时被写成指数表示法(例如5e-7是0.0000005的指数表示法)。这就是为什么在 parseInt() 中使用这么小的浮点数会导致意想不到的结果:只有指数表记的重要部分(例如 5e-7 中的 5)会被解析。

那么现在大家可以试着解释为什么 parseInt(999999999999999999999)等于1?


英文原文地址:https://dmitripavlutin.com/parseint-mystery-javascript/

作者:Dmitri Pavlutin


分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 一起来聊聊JavaScript函数柯里化
  • 在javascript中,NaN是什么类型?
  • javascript调试之console.table()
  • Javascript中常见的内置对象有哪些
  • Javascript怎么实现字符串替换星号
  • 解决JavaScript中数组排序sort不发生改变
  • Javascript怎么实现红绿灯
  • 两行 Javascript 代码生成 UUID的方法
  • Javascript怎么实现四位随机验证码
  • javascript怎么判断是否为null

相关文章

  • PS打造线描风格舞者壁纸平面作品设计制作教程
  • Javascript如何实现json字符串与对象转换
  • Photoshop设计绚丽效果的星光视频教程
  • 织梦CMS导入数据库,修改数据库配置文件方法
  • 正则表达式解决input框固定输入值的格式(金额,特殊字符)
  • Photoshop制作一个漂亮的金色球体图标
  • 最新苹果cms漏洞被频繁挂马该如何解决
  • Illustrator制作质感水晶球教程
  • Photoshop绘制杂色质感椭圆极光网页按钮
  • 浅谈微信小程序中引入并使用自带和外部图标的方法

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 聊聊怎么将小程序项目转为uni-app项目
    • 10个值得收藏的CSS实用小技巧
    • DedeCMS搜索文件search.php移到网站根目录
    • CorelDraw实例教程:英文商标字体设计
    • jquery怎么判断指定子元素是否存在
    • Photoshop制作立体效果的图案艺术字
    • Oracle怎么将日期转为字符串
    • Photoshop绘制宝石风格的LOGO设计教程
    • 分享Laravel整合Bootstrap4的完整方案
    • 如何使用thinkphp5.1的数组查询对象

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有