JavaScript判断空对象的几种常用方法详解

知识准备

在介绍具体的JavaScript判空技巧之前，我们需要先掌握几个关键的内置方法，它们是后续判断逻辑的基础。

Object.keys

Object.keys()方法接收一个对象作为参数，返回一个数组，该数组包含该对象自身可枚举属性的键名。

  var obj = {
    name: "cxy",
    age: "19"
  }; 
  var objArray = Object.getOwnPropertyNames(obj);
  console.log(objArray)

观察返回值可以发现，objArray变量存储了结果，且该结果是一个以对象内部属性名为元素的数组。

Object.getOwnPropertyNames

Object.getOwnPropertyNames()方法同样接收对象作为参数，返回一个包含该对象所有自身属性（无论是否可枚举）名称的数组。

读者可能会疑惑，这两个方法有什么区别？Object.getOwnPropertyNames()可以返回所有的属性，而Object.keys()只能返回可枚举属性。这里需要解释一下“可枚举属性”的概念。

可枚举属性

对象内部属性通过enumerable（可枚举）标志来区分是否可枚举。默认情况下，当我们通过obj.name = "cxy"为对象新增属性时，其enumerable标志为true（即可枚举）。若该值为false，则属性不可枚举。当对对象执行for循环、Object.keys()或JSON.stringify()操作时，不可枚举属性会被忽略，可以理解为这些属性处于“隐身”状态。

结合上述Object.getOwnPropertyNames和Object.keys()方法，我们通过Object.defineProperty为对象添加一个age属性，并显式设置enumerable为false。此时观察两者的返回结果，即可直观看到区别。

var stuObj = {
    name: "cxy"
}
Object.defineProperty(stuObj, 'age', {
  value: "18",
  enumerable: false
});
console.log(Object.keys(stuObj))
console.log(Object.getOwnPropertyNames(stuObj))

hasOwnProperty

hasOwnProperty()方法用于判断对象自身是否包含指定的属性，其参数为属性名字符串。

  var stuObj = {
    name: "cxy"
  }
  console.log(stuObj.hasOwnProperty('name'))

需要注意的是，hasOwnProperty()在判断继承属性时会返回false。继承属性是指从原型链上继承而来的属性，例如toString方法，它不属于对象自身。

盘点判空方法

JSON.stringify判空

这种方法较为简单，使用JSON.stringify将对象序列化为字符串，然后与空对象字符串'{}'进行比较，从而得到布尔值结果。

let obj = {
    name: "cxy"
}
console.log(JSON.stringify(obj) == '{}')

for in判空

使用for...in循环遍历对象。如果在遍历过程中触发循环体，说明对象有属性，返回false；若未触发循环，则代表对象为空，返回true。

let forNull = (items) => {
    for (let item in items) {
        return false
    }
    return true
}

Object.getOwnPropertyNames判空

利用前文提到的Object.getOwnPropertyNames方法，获取属性名数组后，通过检查数组的length属性是否为0来判断对象是否为空。

let stuArray = Object.getOwnPropertyNames(obj)
console.log(stuArray.length === 0)

Object.keys()判空

原理与上述方法类似，利用返回的数组长度作为判断依据，若length为0，则对象为空。

let stuArray = Object.getOwnPropertyNames(obj)
console.log(stuArray.length === 0)

hasOwnProperty判空

使用hasOwnProperty时，通常结合for循环遍历对象元素。如果检测到对象自身包含某个属性，则返回false（说明不为空）；若遍历完所有自身属性均未发现，则返回true（为空）。

let forNull = (items) => {
    for (let item in items) {
        if(items.hasOwnProperty(item)){
            return false
        }
    }
    return true
}

附将对象转换为字符串进行比较

这种方法虽然不推荐，但确实是最直观的思路。主要利用JSON.stringify()方法将对象强制转换为字符串进行比对，此处仅展示供参考。

var a={};
var b=new Object();
console.log("对象字面量的比较结果："+(JSON.stringify(a)=="{}"))
console.log("构造函数的比较结果："+(JSON.stringify(b)=="{}"))

总结

本文介绍了JavaScript中判断空对象的几种常见方法。如需了解更多相关内容，请查阅本站过往文章或继续浏览后续教程，感谢支持！