JavaScript判断对象是否为空的5种方法对比与推荐
本文深入解析JavaScript中判断对象是否空的多种实现方式。从基础的JSON.stringify到遍历法，再到Object.keys、getOwnPropertyNames及Symbol处理，逐一分析其局限性与适用场景。最终推荐Reflect.ownKeys作为获取所有自身属性键的最可靠方案，帮助开发者避免原型链干扰与非枚举属性遗漏。
JSON.stringify
利用JSON.stringify方法，这是许多开发者熟悉的技巧，常被用于检测JavaScript对象是否为空。
该函数能将对象序列化为标准的JSON字符串格式，便于后续比较。
例如：
const obj = {};
console.log(JSON.stringify(obj) === '{}') // true
注意：
若对象包含未定义属性、函数或Symbol值，序列化时这些内容会被忽略或转为空值，导致判断结果可能失真。
参考以下代码：
const obj = {
a: undefined,
b: function() {},
c: Symbol()
}
console.log(JSON.stringify(obj) === '{}') // true
因此，该方法并非判断空对象的理想选择。
hasOwnProperty检测
第二种方案是结合for in循环与hasOwnProperty方法，以此检查对象是否拥有自有属性。
引入hasOwnProperty的原因在于，普通遍历会包含原型链上的属性，而我们需要的是对象自身的属性。
具体实现如下：
const obj = {}
Object.prototype.a = 1
function isEmptyObj(obj) {
let flag = true
for (let o in obj) {
if (obj.hasOwnProperty(o)) {
flag = false
break
}
}
return flag
}
console.log(isEmptyObj(obj)) // true
然而，此方法存在一个缺陷：for in无法遍历非枚举属性。具体表现见下文演示。
Object.keys
第三种常用手段是Object.keys。尽管广泛使用，但它同样存在局限性。
先看一段示例代码：
const obj = {}
Object.prototype.a = 1
console.log(Object.keys(obj).length === 0) // true
表面上看似乎正常，但Object.keys仅能遍历可枚举属性，无法捕获非枚举属性。
我们通过Object.defineProperty将enumerable属性设为false来进行测试。
示例如下：
const obj = {}
Object.defineProperty(obj, 'a', {
value: 1,
enumerable: false
})
console.log(obj.a) // 1
console.log(Object.keys(obj).length === 0) // true
由此可见，它与前述for in存在类似局限，故不推荐作为通用方案。
Object.getOwnPropertyNames
既然前述方法均无法获取非枚举属性，是否存在更完善的途径？
答案是肯定的。
我们可以调用Object.getOwnPropertyNames，获取由对象自身所有属性名（含非枚举）组成的数组。
const obj = {}
Object.defineProperty(obj, 'a', {
value: 1,
enumerable: false
})
console.log(Object.getOwnPropertyNames(obj)) // [ 'a' ]
不过，该方法也有其短板。
Object.getOwnPropertyNames无法获取以Symbol为名的属性。
请参考以下代码：
const a = Symbol()
const obj = {
[a]: 1
}
console.log(obj) // { [Symbol()]: 1 }
console.log(Object.getOwnPropertyNames(obj).length === 0) // true
console.log(JSON.stringify(obj) === '{}') // true
console.log(Object.keys(obj).length === 0) // true
因此，单独使用该方法也不够完美。
Object.getOwnPropertyNames 和 Object.getOwnPropertySymbols
鉴于Object.getOwnPropertyNames已知缺点是无法获取以Symbol为名的属性。
我们可以进一步结合Object.getOwnPropertySymbols来获取以Symbol为名的属性，从而尝试弥补这一不足。
小提示：
Object.getOwnPropertySymbols仅能获取以Symbol为名的属性
两者的组合是否构成了完美解决方案？让我们通过简单测试验证：
const a = Symbol()
const obj1 = {
[a]: 1
}
const obj2 = {b: 2}
const obj3 = {}
Object.defineProperty(obj3, 'a', {
value: 1,
enumerable: false
})
const obj4 = {}
function getLength(obj) {
return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj)).length
}
console.log(getLength(obj1) === 0) // false
console.log(getLength(obj2) === 0) // false
console.log(getLength(obj3) === 0) // false
console.log(getLength(obj4) === 0) // true
测试表明，上述组合确实能解决问题，但实现较为繁琐。是否存在更简洁的方法？答案是肯定的。
Reflect.ownKeys
最后，介绍一种更简单且可靠的方案，即使用Reflect.ownKeys。
Reflect.ownKeys 该方法返回包含目标对象自身所有属性键的数组，其效果等同于Object.getOwnPropertyNames(target).concat(Object.getOwnPropertySymbols(target))。
如代码所示：
const a = Symbol()
const obj1 = {
[a]: 1
}
const obj2 = {b: 2}
const obj3 = {}
Object.defineProperty(obj3, 'a', {
value: 1,
enumerable: false
})
const obj4 = {}
console.log(Reflect.ownKeys(obj1).length === 0) // false
console.log(Reflect.ownKeys(obj2).length === 0) // false
console.log(Reflect.ownKeys(obj3).length === 0) // false
console.log(Reflect.ownKeys(obj4).length === 0) // true
你学会了吗？如果有帮助，请点赞支持。
到此这篇关于用JS判断对象是否为空的几种常用方法的文章就介绍到这了,更多相关JS判断对象是否为空内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法：concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19