js判断对象是否为空的⼏种⽅法
这个⽅法⽐较讨巧,也是最容易想到的。我们都知道JSON.stringify()的作⽤是将Javascript对象转换为JSON字符串。所以,可以通过该⽅法判断对象是否为空:const obj = {}
const obj2 = new Object()
console.log(JSON.stringify(obj) === '{}')  // true
console.log(JSON.stringify(obj2) === '{}')  // true
注意:
该⽅法有个缺点,JSON.stringify()只能序列化对象的可枚举的⾃有属性,即如果有属性是不可枚举或继承属性的话,结果也是true
const obj = {}
// 在原型上添加⼀个可枚举属性
Object.prototype.name = 'Jack'
console.log(JSON.stringify(obj) === '{}')  // true
lodash有哪些方法
// 在obj对象上添加⼀个不可枚举属性
Object.defineProperty(obj, 'age', {
value: 18,
enumerable: false
})
console.log(JSON.stringify(obj) === '{}')  // true
扩展:
在实际开发项⽬中,我觉得JSON.stringify()的使⽤场景还是挺多的,⽐如:
使⽤ JSON.stringify() / JSON.parse() 结合 localStorage / sessionStorage 实现对象的缓存存取;
实现对象的深拷贝(注意:若对象中包含时间对象、函数、undefined等该⽅法存在的问题)。
更多内容请移步
使⽤in循环遍历对象除Symbol以外的所有可枚举属性,当对象有属性存在返回false,否则返回true。
const obj = {}
function isObjectEmpty(obj){
for(var key in obj){
return false
}
return true
}
console.log(isObjectEmpty(obj)) // true
在实际开发⼯作中,有时需要只考虑对象⾃⾝的属性,⽽不是继承来的,这时可以配合OwnPropertyNames() 或 Object.hasOwnProperty() 来进⾏过滤。function isObjectEmpty (obj) {
for (let key in obj) {
if(obj.hasOwnProperty(key)) return false
}
return true
}
const obj = {}
console.OwnPropertyNames(obj).length === 0)  // true
注意:该⽅法对于不可枚举的属性也能检测出来。
Object.defineProperty(obj, 'age', {
value: 18,
enumerable: false
})
console.OwnPropertyNames(obj).length === 0)  // false
Object.keys() 是ES5 新增的⼀个对象⽅法,该⽅法返回⼀个数组,包含指定对象⾃有的可枚举属性(不含继承的和Symbol属性)。⽤此⽅法只需要判断返回的数组长度是否为零,如果为零的话就是空对象。
const obj = {}
console.log(Object.keys(obj).length === 0)  //true
Object.prototype.name = 'Jack'
Object.defineProperty(obj, 'age', {
value: 18,
enumerable: false
})
console.log(Object.keys(obj).length === 0)  //true
有很多外部的库也可以⽤来检查空对象。并且,它们⼤多数对旧的浏览器有很好的⽀持。
jQuery 中的⽅法
jQuery.isEmptyObject({})  // true
Lodash的⽅法
_.isEmpty({})  // true
使⽤该⽅法的缺点就是需要安装额外的库。所以,根据开发情况选择适合的就好。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。