IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> javascript中NaN的特点和理解,如何判断一个值是NaN -> 正文阅读

[JavaScript知识库]javascript中NaN的特点和理解,如何判断一个值是NaN

?
首先明确一点,NaN不是独立的数据类型,而是一个特殊数值,它的数据类型依然属于Number。

typeof NaN // 'number'

一、那么NaN有哪些特点?

  1. NaN不等于NaN
    NaN === NaN // false
    
    由此,联想到indexOf函数,它内部使用的是===来做比较,如下:
    [NaN].indexOf(NaN) // -1
    
    再次联想,includes函数呢?来看结果
    [NaN].includes(NaN) // true
    
    为什么呢,因为它内部使用的相等机制,是零值相等
  2. NaN和任何数的运算,结果都是NaN
    NaN + 1 // NaN
    NaN - 2 // NaN
    NaN * 3 // NaN
    NaN / 4 // NaN
    NaN + '2' // NaN
    

二、这么牛逼的一个值,如何判断是否是它呢

js官方提供,isNaN函数,如下:

isNaN(NaN) // true

但是请注意,isNaN只对数值有效,如果传入其他值,会被先转成数值。

比如,传入字符串的时候,会先使用Number转值,所以最后返回true,这一点要特别引起注意。也就是说,isNaN为true的值,有可能不是NaN,而是一个字符串

我们来做一些实验

// true,因为 Number('Hello') 的值的 NaN
isNaN('Hello') // true
// true,因为 Number({}) 的值的 NaN
isNaN({}) // true
// false,因为 Number([1]) 的值的 1
isNaN([1]) // false
// false,因为 Number(['1']) 的值的 1
isNaN(['1']) // false
// false,因为 Number(['xzy']) 的值的 NaN
isNaN(['xzy']) // true
// false,因为 Number([]) 的值的 0
isNaN([]) // false

乱七八糟一顿测试,凉了,该函数根本无法来判断,不过你是否忘记上面的特性的第一条,NaN不等于NaN,我们根据该特性,自己写个函数如何?

function myIsNaN(value) {
  return value !== value;
}
myIsNaN(1) // false
myIsNaN('1') // false
myIsNaN(null) // false
myIsNaN(undefined) // false
myIsNaN([]) // false
myIsNaN({}) // false
myIsNaN([1]) // false
myIsNaN(['1']) // false
myIsNaN(['xyz']) // false
myIsNaN(NaN) // true

?

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-04-01 23:16:14  更:2022-04-01 23:20:04 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 4:58:19-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码