0

0

JS中的NaN是什么?如何检测?

冰火之心

冰火之心

发布时间:2025-06-06 20:54:01

|

897人浏览过

|

来源于php中文网

原创

nan是js中表示“非数字”的特殊值,类型为number但不等于自身,判断时需注意:1. 使用isnan()可能误判因转换问题;2. 推荐使用es6的number.isnan()精准判断;3. 也可利用nan不等于自身的特性通过value !== value检测。

JS中的NaN是什么?如何检测?

在JS中,NaN表示“Not a Number”,通常出现在数学运算结果无法得到一个有效数字时。比如你用字符串减去数字、除以0、或者做了一些非法的数学操作,都可能得到NaN

虽然它叫“Not a Number”,但它的类型仍然是number,这是JS设计上的一个历史遗留问题,所以别被名字和类型搞混了。


NaN的特性:不是自己

最让人头疼的一点是,NaN有一个特殊的行为:它不等于自己

NaN === NaN // false

这也是为什么不能直接用===来判断一个值是不是NaN


常见的检测方法

1. 使用 isNaN()

这是最老的方法:

isNaN(NaN)      // true
isNaN('abc')    // true(注意!)

但有个大坑:isNaN()会先尝试把参数转换成数字,如果转换失败才返回true。例如字符串'abc'会被认为是NaN,这可能导致误判。

家电小商城网站源码1.0
家电小商城网站源码1.0

家电公司网站源码是一个以米拓为核心进行开发的家电商城网站模板,程序采用metinfo5.3.9 UTF8进行编码,软件包含完整栏目与数据。安装方法:解压上传到空间,访问域名进行安装,安装好后,到后台-安全与效率-数据备份还原,恢复好数据后到设置-基本信息和外观-电脑把网站名称什么的改为自己的即可。默认后台账号:admin 密码:132456注意:如本地测试中127.0.0.1无法正常使用,请换成l

下载

2. 使用 Number.isNaN()

ES6引入了更准确的判断方式:

Number.isNaN(NaN)     // true
Number.isNaN('abc')   // false

这个方法不会对参数做强制转换,只有当值本身就是NaN时才会返回true,推荐优先使用这种方式。

3. 利用 NaN !== NaN

因为NaN是唯一一个不等于自己的值,可以利用这点:

function isNan(value) {
  return value !== value;
}

虽然看起来有点奇怪,但这招确实好使,而且兼容性很好。


实际应用中的建议

  • 如果你想判断某个变量是否真的是NaN优先使用 Number.isNaN()
  • 如果你要判断一个表达式的结果是否无效,比如函数返回的是不是非数字,可以用上面几种方法组合使用
  • 注意处理从用户输入或接口获取的数据,避免因类型错误导致误判

基本上就这些。总结来说,NaN是个特殊的值,判断它不能靠常规手段,记住Number.isNaN()value !== value这两个方法就够了。

相关专题

更多
es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

97

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

188

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

220

2025.12.24

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

258

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

212

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1468

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

621

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

551

2024.03.22

html编辑相关教程合集
html编辑相关教程合集

本专题整合了html编辑相关教程合集,阅读专题下面的文章了解更多详细内容。

16

2026.01.21

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号