【JS】Null、Undefined、NaN、空值的判断

10,577 阅读1分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

Null、Undefined、NaN、空值的判断平时在工作中会经常用到,如果不加以严谨的判断,会导致程序报错,影响代码的运行。所以今天统一整理一下这些常用假值的判断。

1. Null的判断

1.1 ===

可以直接通过val === null来判断

let val = null
console.log(val === null) // true

1.2 Number()

let val = null
console.log(Number(val) === 0) // true

1.3 !val

let val = null
console.log(!val) // true

错误的判断方式:

let val = null
console.log(typeof(val)) // object
console.log(isNaN(val)) // false

2. undefined的判断

2.1 ===

let val = undefined
console.log(val === undefined) // true

2.2 typeof()

let val = undefined
console.log(typeof(val) === 'undefined') // true

2.3 !val

let val = undefined
console.log(!val) // true

错误的判断方式:

let val = undefined
console.log(Number(val)) // NaN
console.log(isNaN(val)) // true

3. NaN的判断

3.1 isNaN()

let val = NaN
console.log(isNaN(val)) // true

3.2 !val

let val = NaN
console.log(!val) // true

错误的判断方式:

let val = NaN
console.log(val === NaN) // false
console.log(Number(val)) // NaN
console.log(typeof(val)) // number

4. 空值的判断

4.1 !val

let val = ''
console.log(!val) // true

4.2 Number()

let val = ''
console.log(Number(val)) // true

错误的判断方式:

let val = ''
console.log(typeof(val)) // string
console.log(isNaN(val)) // false

我们发现每一种值的判断都有好几种方法,但是,通过整理发现!val适用于所有值的判断,所有平时在工作中用的最多的也是这种方法。下面我们通过一张图总结一下:

image.png

原创文章,希望对你有帮助,也为社区贡献自己的一份绵薄力量!喜欢请点赞哦~

作者:前端小小梦

主页:了解更多,点击个人主页