6种JavaScript判断对象自身为空的方法小结
本文总结6种判断JavaScript对象是否为空的方法,包括JSON.stringify、for in、Object.keys、Object.getOwnPropertyNames及Reflect.ownKeys。重点分析各方法的局限性,如忽略Symbol或不可枚举属性,并推荐Reflect.ownKeys作为最完善的解决方案。
1.JSON.stringify
使用 JSON.stringify 方法可以将对象序列化为 JSON 字符串格式。
const obj = {};
console.log(JSON.stringify(obj) === '{}') // true该方法的局限性在于:若对象包含 undefined、函数或 symbol 值,序列化时这些属性会被忽略(若出现在非数组对象属性中)或转换为 null(若出现在数组中)。
const obj = {
a: undefined,
b: function() {},
c: Symbol()
}
console.log(JSON.stringify(obj) === '{}') // true
2. for in 配合 hasOwnProperty
利用 for in 循环遍历当前对象:
const obj = {}
Object.prototype.a = 1
function isEmptyObj(obj) {
let flag = true
for (let o in obj) {
flag = false
break
}
return flag
}
console.log(isEmptyObj(obj)) // false
由于 for in 在遍历时会包含原型链上的属性,而我们需要仅获取对象自身的属性,因此可结合 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 无法遍历不可枚举的属性。
3. Object.keys
Object.keys 返回一个包含对象自身可枚举属性名的数组,且不包含原型链上的属性。
const obj = {}
Object.prototype.a = 1
console.log(Object.keys(obj).length === 0) // true
局限性:Object.keys 与 for in 均无法遍历不可枚举属性。
通过 Object.defineProperty 将属性 enumerable 设置为 false 进行验证,示例如下:
const obj = {}
Object.defineProperty(obj, 'a', {
value: 1,
enumerable: false
})
console.log(obj.a) // 1
console.log(isEmptyObj(obj)) // true
console.log(Object.keys(obj).length === 0) // true
4. Object.getOwnPropertyNames
调用 Object.getOwnPropertyNames 可获取对象自身所有属性名组成的数组,其中包括不可枚举属性。
const obj = {}
Object.defineProperty(obj, 'a', {
value: 1,
enumerable: false
})
console.log(Object.getOwnPropertyNames(obj)) // [ 'a' ]
局限性:该方法无法获取以 Symbol 值为键的属性。上述的 JSON.stringify、for in 以及 Object.keys 方法同样无法处理 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(isEmptyObj(obj)) // true
console.log(Object.keys(obj).length === 0) // true
5. Object.getOwnPropertyNames 结合 Object.getOwnPropertySymbols
已知 Object.getOwnPropertyNames 的缺陷是无法获取 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
测试表明该方法可行,但实现较为繁琐。是否存在更简便的方法?答案是肯定的。
6. 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
最后
在判断对象是否为空时,使用 Reflect.ownKeys 方法最为完善。
到此这篇关于6种JavaScript判断对象自身为空的方法小结的文章就介绍到这了,更多相关JavaScript判断对象为空内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!
JavaScript闭包与类(Class)的区别及适用场景对比
2026-11-05 15:48:57
JavaScript入门要学ES6吗?let与箭头函数等新特性解析
2026-11-05 14:49:16
JavaScript 8种数据类型详解:基本类型与引用类型的区别
2026-11-05 14:25:15
怎么在JavaScript中使用async/await优化Ajax异步流程
2026-11-05 13:56:15
JavaScript replace回调函数实现动态正则替换逻辑
2026-11-05 13:52:13
