小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。
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适用于所有值的判断,所有平时在工作中用的最多的也是这种方法。下面我们通过一张图总结一下:
原创文章,希望对你有帮助,也为社区贡献自己的一份绵薄力量!喜欢请点赞哦~
作者:前端小小梦
主页:了解更多,点击个人主页