js中if到底该如何判断变量为空？

我们项目中常常需要判断一些变量是否为空,但是由于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是空对象")//输出我是空对象
}