我们项目中常常需要判断一些变量是否为空,但是由于js的机制找不到很好的方法去统一判断方式，我们不妨先了解一下js中if判断机制
if判断机制
js中if会把非 Boolean 表达式转换为 Boolean 值，此时遵循以下几个规则：
①所有的对象object（数组也算object对象）都被当作 true。
②"" 、null 、undefined 、0 、NaN 、false 当作 false。
let a = ""
if(!a){ //a为false
console.log("a的值为空")//输出 a的值为空
}
let b = []
if(!b){ //b为true
console.log("b是个空数组")
}//不输出
所以，我们没办法用 if(变量) 来判断对象类型和数组类型，那我们能否用==或者===来判断呢？
==运行机制
①判断两边是否有NaN，如果有则一律返回false
②判断两边是否含有布尔值，如果有的话则将true转化为1，false转化为0。
③遇到null或者undefined，则不会进行类型转换，它们相互的比较都返回true。
④两边同为字符串时，直接比较
⑤一边为数字一边为字符串时转换为数字进行比较
⑥对象或者数组类型，则需要调用（数组使用）toString()或者（对象优先调用，不行则再调用toString()）valueOf()方法转化成简单类型，然后进行比较
console.log([] == false)// 输出true
console.log(null == false)// 输出false
由此可见，想用 变量==false 进行判断，虽然解决了空数组的判断，但是null、undefined、NaN都没办法进行正确判断
所以，我们一般直接 if(变量) 判断基本类型 ， 数组和对象分开讨论
数组判断是否为空
1.根据长度判断，[]的长度为0
let arr = []
if(arr.length){//arr.length会转化为boolean值,长度为0则为false,有长度则为true
console.log("arr不是空数组")
}
2.转化为字符串，和'[]'比较
let arr = []
if(JSON.stringify(arr) === '[]'){// true
console.log("arr是空数组") // 输出arr是空数组
}
3.数组==false进行判断
let arr = []
if(arr == false){// true
console.log("arr是空数组")// 输出arr是空数组
}
对象判断是否为空
1.转化为字符串，和'{}'比较
let obj = {}
if(JSON.stringify(obj) === '{}'){// true
console.log("obj是空对象") // 输出obj是空数组
}
2.遍历对象，没有属性就是空 (比较繁琐)
let obj = {}
for(let key in obj) {
console.log("obj不是空对象");
return
}
console.log("obj是空对象")
3.ES6的Object.keys()方法 : 将对象中的key转成一个数组，再判断数组是否为空
let obj = {}
let arr = Object.keys(obj);
if(arr.length === 0){// true
console.log("obj是空对象")//输出我是空对象
}
4.getOwnPropertyNames()的方法 : 将对象中的除原型属性以外的所有属性转成一个数组类似Object.keys()
let obj = {}
let arr = Object.getOwnPropertyNames(obj);
if(arr.length === 0){// true
console.log("obj是空对象")//输出我是空对象
}
推荐链接
您阅读本篇文章共花了：
发表评论