在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

相关文章

使用Java将各种数据写入Excel表格的操作示例

《使用Java将各种数据写入Excel表格的操作示例》在数据处理与管理领域,Excel凭借其强大的功能和广泛的应用,成为了数据存储与展示的重要工具,在Java开发过程中,常常需要将不同类型的数据,本文... 目录前言安装免费Java库1. 写入文本、或数值到 Excel单元格2. 写入数组到 Excel表格

Java并发编程之如何优雅关闭钩子Shutdown Hook

《Java并发编程之如何优雅关闭钩子ShutdownHook》这篇文章主要为大家详细介绍了Java如何实现优雅关闭钩子ShutdownHook,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起... 目录关闭钩子简介关闭钩子应用场景数据库连接实战演示使用关闭钩子的注意事项开源框架中的关闭钩子机制1.

Maven中引入 springboot 相关依赖的方式(最新推荐)

《Maven中引入springboot相关依赖的方式(最新推荐)》:本文主要介绍Maven中引入springboot相关依赖的方式(最新推荐),本文给大家介绍的非常详细,对大家的学习或工作具有... 目录Maven中引入 springboot 相关依赖的方式1. 不使用版本管理(不推荐)2、使用版本管理(推

Java 中的 @SneakyThrows 注解使用方法(简化异常处理的利与弊)

《Java中的@SneakyThrows注解使用方法(简化异常处理的利与弊)》为了简化异常处理,Lombok提供了一个强大的注解@SneakyThrows,本文将详细介绍@SneakyThro... 目录1. @SneakyThrows 简介 1.1 什么是 Lombok?2. @SneakyThrows

在 Spring Boot 中实现异常处理最佳实践

《在SpringBoot中实现异常处理最佳实践》本文介绍如何在SpringBoot中实现异常处理,涵盖核心概念、实现方法、与先前查询的集成、性能分析、常见问题和最佳实践,感兴趣的朋友一起看看吧... 目录一、Spring Boot 异常处理的背景与核心概念1.1 为什么需要异常处理?1.2 Spring B

如何在 Spring Boot 中实现 FreeMarker 模板

《如何在SpringBoot中实现FreeMarker模板》FreeMarker是一种功能强大、轻量级的模板引擎,用于在Java应用中生成动态文本输出(如HTML、XML、邮件内容等),本文... 目录什么是 FreeMarker 模板?在 Spring Boot 中实现 FreeMarker 模板1. 环

SpringMVC 通过ajax 前后端数据交互的实现方法

《SpringMVC通过ajax前后端数据交互的实现方法》:本文主要介绍SpringMVC通过ajax前后端数据交互的实现方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价... 在前端的开发过程中,经常在html页面通过AJAX进行前后端数据的交互,SpringMVC的controll

Java中的工具类命名方法

《Java中的工具类命名方法》:本文主要介绍Java中的工具类究竟如何命名,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录Java中的工具类究竟如何命名?先来几个例子几种命名方式的比较到底如何命名 ?总结Java中的工具类究竟如何命名?先来几个例子JD

Java Stream流使用案例深入详解

《JavaStream流使用案例深入详解》:本文主要介绍JavaStream流使用案例详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录前言1. Lambda1.1 语法1.2 没参数只有一条语句或者多条语句1.3 一个参数只有一条语句或者多

Spring Security自定义身份认证的实现方法

《SpringSecurity自定义身份认证的实现方法》:本文主要介绍SpringSecurity自定义身份认证的实现方法,下面对SpringSecurity的这三种自定义身份认证进行详细讲解,... 目录1.内存身份认证(1)创建配置类(2)验证内存身份认证2.JDBC身份认证(1)数据准备 (2)配置依