• 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()的怪异行为

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了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

相关文章

  • 2022-04-29Bootstrap中怎么实现加载效果?读取图标(Spinners)组件
  • 2022-04-29Javascript中常见的内置对象有哪些
  • 2022-04-29MySQL中 IN和NOT IN用法详解
  • 2022-04-29PHP使用PHPAnalysis提取关键字中文分词的方法是什么
  • 2022-04-29illustrator制做透明气泡
  • 2022-04-29MacOS安装VirtualBox的问题小结
  • 2022-04-29简单聊聊Redis中GETBIT和SETBIT
  • 2022-04-29Javascript怎么实现字符串替换星号
  • 2022-04-29为kindsoft编辑器替换SyntaxHighlighter代码高亮,整合
  • 2022-04-29解决微信video、audio 无法自动播放的问题

文章分类

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

最近更新的内容

    • 微博运营商对伦敦奥运的精彩赛事的直播是广告
    • 教你快速修改WordPress中已有的头像
    • 在centos下kanglephp怎么安装swoole扩展
    • 关于vue-cli4+laravel8使用JWT登录及token验证
    • 聊聊TP在app接口开发过程中的安全验证问题
    • Mysql报错“Incorrect key file for table” 数据库表显示“使用中”解决办法
    • 一分钟解读js与PHP 设置cookie的相互读取(附代码)
    • phpcms显示验证码出错怎么办?
    • 关于WordPress之防御cc攻击(频繁F5刷新)的办法
    • Dede网站布局搜索引擎优化优化技能汇总

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

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