为什么 JavaScript 的 parseInt(0.0000005) 打印“5”?

开发 前端
最近开发项目时遇到一个奇怪的问题,parseInt(0.0000005) === 5。正常情况下输出0是正确的,为什么是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' pay attention here

3.2 第二步是进行舍入操作。

正如用户 SeyyedKhandon 在他的 Stack Overflow 回答中解释的那样:

“当我们使用 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 吗?


责任编辑:华轩 来源: web前端开发
相关推荐

2024-08-23 08:47:51

2024-08-23 09:14:18

2019-08-30 14:58:47

JavaScript程序员编程语言

2019-08-28 10:53:35

JavaScriptOptional Ch代码

2011-12-01 13:13:26

JavaJVM

2016-04-06 11:29:58

JavaScriptDOM操作

2019-01-24 13:37:14

JavaScript开发 小程序

2019-10-23 15:53:16

JavaScript可选链对象

2024-09-11 08:38:02

JavaScriptC#语言编程

2022-09-14 09:37:17

JavaScript默认导出

2020-08-07 07:05:48

JavaScript开发技术

2023-01-10 08:17:41

WebAPI框架

2011-04-29 09:59:53

墨盒喷墨打印机

2017-02-08 10:54:38

JavaScriptVR世界

2020-10-15 15:32:30

JavaScript开发技术

2021-05-12 07:50:01

JsParseInt() 怪异

2022-08-08 10:46:46

5G工业4.0工业革命

2015-11-02 09:19:10

程序员JavaScript

2021-08-14 09:04:58

TypeScriptJavaScript开发

2020-08-23 18:08:29

JavaScript命名参数位置参数
点赞
收藏

51CTO技术栈公众号