JavaScript parseInt0.0000005打印5原理解析

更新时间：2022年07月23日 11:43:45 作者：nanfeiyan

这篇文章主要为大家介绍了JavaScript parseInt0.0000005打印5原理解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪

前言

最近，我在开发项目时遇到了一个奇怪的问题，parseInt (0.0000005) === 5😱。通常，输出 0 才是正确的，但为什么是 5？让我们一起探讨这个问题。

1.什么时候使用parseInt？

首先，您通常什么时候使用parseInt？大多数时候，我们使用它来解析字符串并返回它的整数部分。带着这个问题，我们来看看parseInt方法。

2.关于parseInt的一些事情

根据 MDN文档，“parseInt(string, radix) 函数解析字符串参数并返回指定基数（数学数字系统中的基数）的整数。”

语法

parseInt(string)
parseInt(string, radix)

例子

parseInt('0.5') // 0
parseInt('0.5') // 0
parseInt('0.05') // 0
parseInt('0.005') // 0
parseInt('0.0005') // 0
parseInt('0.00005') // 0
parseInt('0.000005') // 0
parseInt('015') // 15
parseInt('015', 8) // 13
parseInt('15px', 10) // 15

3. parseInt 是如何转换数字的？

当parseInt的第一个参数是一个数字时，它是如何解析的？

事实上在这里: parseInt(0.0000005) === 5

3.1 第一步？将数字转换为字符串

让我们使用 String 函数检查基于字符串的值，看看每个值的输出是什么

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' 请注意这里

3.2 第二步，做舍入操作

当我们使用 parseInt(0.0000005) 时，它实际等于 parseInt('5e-7')

parseInt 只能将字符串的前导部分解释为整数值；它忽略任何不能被解释为整数表示法的一部分的代码单元，并且没有给出任何这样的代码单元被忽略的指示。

parseInt(0.0000005)
parseInt('5e-7') // 5

最后，答案将返回 5，只是因为它是唯一一个在非字符 e 之前是数字的字符，所以其余的 e-7 将被丢弃。”

4. 如何安全获取浮点数的整数部分？

推荐使用以下 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

5. 举一反三

现在，你能解释一下为什么 parseInt(99999999999999999999999999) 等于 1 吗？

以上就是JavaScript parseInt0.0000005打印5原理解析的详细内容，更多关于JavaScript parseInt打印原理的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

编程式安装依赖install-pkg源码解析
这篇文章主要为大家介绍了编程式安装依赖install-pkg源码解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-12-12
微信小程序 slider的简单实例
这篇文章主要介绍了微信小程序 slider的简单实例的相关资料,需要的朋友可以参考下
2017-04-04
微信小程序下拉刷新界面的实现
这篇文章主要介绍了微信小程序下拉刷新界面的实现的相关资料,希望通过本文能帮助到大家实现这样的功能，需要的朋友可以参考下
2017-09-09
JavaScript 原型与原型链详情
这篇文章主要介绍了JavaScript 原型与原型链，JavaScript常被描述为一种基于原型的语言，对象以其原型为模板、从原型继承属性和放法。原型对象也可能拥有原型，并从中继承属性和方法，一层一层以此类推。这种关系常被称为原型链，带着简单的了解看看下文内容具体介绍吧
2021-10-10
微前端qiankun改造日渐庞大的项目教程
这篇文章主要为大家介绍了微前端qiankun改造日渐庞大的项目教程示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-06-06
JS中 querySelector 与 getElementById 方法区别
这篇文章主要介绍了JavaScript中 querySelector 与 getElementById 方法与区别，围绕querySelector 与 getElementById 的相关资料展开文章内容,需要的朋友可以参考一下
2021-10-10
sessionStorage多Tab标签页数据共享问题分析
这篇文章主要为大家介绍了sessionStorage多Tab标签页数据共享问题分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-07-07
关于前端JavaScript ES6详情
这篇文章主要介绍了关于前端JavaScript中的ES6，ES6是一个泛指，含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017语法标准，ES6新特性目前只有在一些较新版本浏览器得到支持，老版本浏览器里面运行我们需要将ES6转换为ES5
2021-10-10
详解无界微前端是如何渲染子应用的demo解析
这篇文章主要为大家介绍了详解无界微前端是如何渲染子应用demo解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-04-04
JavaScript深拷贝方法structuredClone使用
这篇文章主要为大家介绍了JavaScript深拷贝方法structuredClone使用示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-02-02