在JavaScript当中,为什么NaN===NaN和NaN==NaN返回false?

2024-09-07 02:36
文章标签 java script 返回 false nan 当中

本文主要是介绍在JavaScript当中,为什么NaN===NaN和NaN==NaN返回false?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

作者:CSDN-PleaSure乐事

欢迎大家阅读我的博客 希望大家喜欢

使用环境:vscode chrome

今天这个话题的缘由是早上和一位同专业的学长聊天,他在公司完成了一个项目,项目当中有一个40个字段的返回值,于是牵扯到了某道他遇到的面试题,其中是需要用js找到某个数组当中null的索引,然后他问了我这样一个问题:你觉得NaN===NaN吗?当时我回答了不等于,然后他又追问为什么,我回答不出。于是就有了今天这篇文章,希望能与大家分享。


目录

1.什么是NaN?

1.1定义

1.2特点

1.2.1不等于任何值

1.2.2不可比较性

1.2.3类型为number

1.3如何判断NaN

1.3.1使用isNaN()

1.3.2使用 Number.isNaN()

2.双等号和三等号为什么返回false

3.拓展——NaN和Null的区别

3.1类型差异

3.2含义差异

3.3相等性

3.4检测方法


首先我们从NaN的定义开始。如果有需要,可以直接从第二大点开始看。

1.什么是NaN?

1.1定义

在JavaScript中,NaN 是一个特殊的浮点数值,表示一个未定义或不可表示的结果。例如,当一个数学运算无法产生有效结果时,就会返回 NaN。

<script type = "text/javascript">console.log(0 / 0);console.log('foo' * 2);
</script>

1.2特点

1.2.1不等于任何值

包括自身在内,NaN 不等于任何值,即 NaN !== NaN

1.2.2不可比较性

NaN 不能与其他数值进行比较,即 NaN < 5NaN > 5 都会返回 false

1.2.3类型为number

尽管NaN表示“不是一个数”,但实际上它的类型仍然是number

1.3如何判断NaN

1.3.1使用isNaN()

isNaN() 函数可以用来检测一个值是否为 NaN。需要注意的是,isNaN() 会先尝试将其参数转换为一个数字,然后判断转换后的值是否为 NaN。

<script type = "text/javascript">console.log(isNaN(NaN));  // trueconsole.log(isNaN('NaN'));  // false, 因为 'NaN' 被转换成了 number 型console.log(isNaN('123abc'));  // true, 因为 '123abc' 被转换成了 NaN
</script>

1.3.2使用 Number.isNaN()

从ES6(ECMAScript 2015)开始,推荐使用 Number.isNaN() 函数。这个函数只接受一个 number 类型的参数,并且不会进行类型转换。

<script type = "text/javascript">console.log(Number.isNaN(NaN));  // trueconsole.log(Number.isNaN('NaN'));  // false, 因为 'NaN' 不是 number 类型console.log(Number.isNaN(123));  // false
</script>

​​​​​​​


那么对于==和===,为什么会返回false呢?

2.双等号和三等号为什么返回false

在JavaScript中,使用双等号 (==) 进行比较时,会进行类型转换,使两边的值能够进行比较。然而,对于 NaN,即使使用双等号 (==) 进行比较,结果仍然是 false。

这是基于IEEE 754浮点数标准的规定,该标准规定 NaN 与任何值都不相等,包括 NaN 自身。这种设计是为了确保在处理数学运算的不确定结果时,可以有一种明确的方式来识别这种不确定性。

同样的,根据ECMAScript规范,NaN 与任何值都不相等,包括自身。这意味着即使是使用全等比较 (===),NaN 也不会等于 NaN。这是因为 NaN 的定义就是“不是一个数”,因此即使两个表达式都产生了 NaN,它们也被认为是不相等的。

3.拓展——NaN和Null的区别

NaN 是一个特殊的数值,代表“不是一个数”(Not-a-Number)。它通常是在数学运算无法得出有意义的结果时产生的。

null 是一个基本类型的值,表示没有任何对象值。它常用来表示一个变量尚未被赋值的情况,或者说它没有指向任何对象。

他们在以下四个方面区别较大:

3.1类型差异

NaN 是一个 Number 类型的值。而null 是一个基本类型的值,尽管 typeof null 返回 'object'。

3.2含义差异

NaN 表示一个数学上的未定义或非法结果。而null 用来表示一个变量没有指向任何对象或值。

3.3相等性

NaN 与任何值都不相等,包括自身。即 NaN !== NaN。但是null 与自身相等,即 null === null。

3.4检测方法

NaN 可以通过 isNaN() 或 Number.isNaN() 来检测。null 可以直接通过 === null 来检测。


作者:CSDN-PleaSure乐事

希望我的博客对您有帮助,也希望在对您有帮助时您可以为我留下点赞收藏与关注,这对我真的很重要,谢谢!

这篇关于在JavaScript当中,为什么NaN===NaN和NaN==NaN返回false?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1143815

相关文章

Spring Cloud LoadBalancer 负载均衡详解

《SpringCloudLoadBalancer负载均衡详解》本文介绍了如何在SpringCloud中使用SpringCloudLoadBalancer实现客户端负载均衡,并详细讲解了轮询策略和... 目录1. 在 idea 上运行多个服务2. 问题引入3. 负载均衡4. Spring Cloud Load

Springboot中分析SQL性能的两种方式详解

《Springboot中分析SQL性能的两种方式详解》文章介绍了SQL性能分析的两种方式:MyBatis-Plus性能分析插件和p6spy框架,MyBatis-Plus插件配置简单,适用于开发和测试环... 目录SQL性能分析的两种方式:功能介绍实现方式:实现步骤:SQL性能分析的两种方式:功能介绍记录

在 Spring Boot 中使用 @Autowired和 @Bean注解的示例详解

《在SpringBoot中使用@Autowired和@Bean注解的示例详解》本文通过一个示例演示了如何在SpringBoot中使用@Autowired和@Bean注解进行依赖注入和Bean... 目录在 Spring Boot 中使用 @Autowired 和 @Bean 注解示例背景1. 定义 Stud

如何通过海康威视设备网络SDK进行Java二次开发摄像头车牌识别详解

《如何通过海康威视设备网络SDK进行Java二次开发摄像头车牌识别详解》:本文主要介绍如何通过海康威视设备网络SDK进行Java二次开发摄像头车牌识别的相关资料,描述了如何使用海康威视设备网络SD... 目录前言开发流程问题和解决方案dll库加载不到的问题老旧版本sdk不兼容的问题关键实现流程总结前言作为

SpringBoot中使用 ThreadLocal 进行多线程上下文管理及注意事项小结

《SpringBoot中使用ThreadLocal进行多线程上下文管理及注意事项小结》本文详细介绍了ThreadLocal的原理、使用场景和示例代码,并在SpringBoot中使用ThreadLo... 目录前言技术积累1.什么是 ThreadLocal2. ThreadLocal 的原理2.1 线程隔离2

springboot将lib和jar分离的操作方法

《springboot将lib和jar分离的操作方法》本文介绍了如何通过优化pom.xml配置来减小SpringBoot项目的jar包大小,主要通过使用spring-boot-maven-plugin... 遇到一个问题,就是每次maven package或者maven install后target中的ja

Java中八大包装类举例详解(通俗易懂)

《Java中八大包装类举例详解(通俗易懂)》:本文主要介绍Java中的包装类,包括它们的作用、特点、用途以及如何进行装箱和拆箱,包装类还提供了许多实用方法,如转换、获取基本类型值、比较和类型检测,... 目录一、包装类(Wrapper Class)1、简要介绍2、包装类特点3、包装类用途二、装箱和拆箱1、装

如何利用Java获取当天的开始和结束时间

《如何利用Java获取当天的开始和结束时间》:本文主要介绍如何使用Java8的LocalDate和LocalDateTime类获取指定日期的开始和结束时间,展示了如何通过这些类进行日期和时间的处... 目录前言1. Java日期时间API概述2. 获取当天的开始和结束时间代码解析运行结果3. 总结前言在J

Java深度学习库DJL实现Python的NumPy方式

《Java深度学习库DJL实现Python的NumPy方式》本文介绍了DJL库的背景和基本功能,包括NDArray的创建、数学运算、数据获取和设置等,同时,还展示了如何使用NDArray进行数据预处理... 目录1 NDArray 的背景介绍1.1 架构2 JavaDJL使用2.1 安装DJL2.2 基本操

最长公共子序列问题的深度分析与Java实现方式

《最长公共子序列问题的深度分析与Java实现方式》本文详细介绍了最长公共子序列(LCS)问题,包括其概念、暴力解法、动态规划解法,并提供了Java代码实现,暴力解法虽然简单,但在大数据处理中效率较低,... 目录最长公共子序列问题概述问题理解与示例分析暴力解法思路与示例代码动态规划解法DP 表的构建与意义动