【JS】判断对象是否为空4种方法总结

1. JSON.stringify(obj) === ‘{}’

const obj = {};

const obj2 = {
  name: '张三',
  age: 10
}
console.log(JSON.stringify(obj) === '{}'); // true
console.log(JSON.stringify(obj2) === '{}'); // false

注意：JSON.stringify()只能序列化对象的可枚举的自有属性，即如果有属性是不可枚举或继承属性的话，结果也是判断为true 空对象。

例子：

const obj = {}

// 在原型上添加一个可枚举属性
Object.prototype.name = '张三'
​
console.log(JSON.stringify(obj) === '{}')  // true
​
// 在obj对象上添加一个不可枚举属性
Object.defineProperty(obj, 'age', {
    value: 18,
    enumerable: false
})
console.log(JSON.stringify(obj) === '{}')  // true

2、Object.keys(obj).length === 0

Object.keys() 是 ES5 新增的一个对象方法，该方法返回一个数组，包含指定对象自有的可枚举属性（不含继承的和Symbol属性）。

const obj={}
console.log(Object.keys(obj).length === 0); // true

用 Object.entries(obj).length === 0也行。

3、 Object.getOwnPropertyNames()

Object.getOwnPropertyNames() 方法会返回该对象所有可枚举和不可枚举属性的属性名（不含Symbol属性）组成的数组。然后再通过判断返回的数组长度是否为零，如果为零的话就是空对象。

const obj = {}
console.log(Object.getOwnPropertyNames(obj).length === 0)  // true

注意：该方法对于不可枚举的属性也能检测出来。

Object.defineProperty(obj, 'age', {
    value: 18,
    enumerable: false
})
console.log(Object.getOwnPropertyNames(obj).length === 0)  // false

4、for…in

可以使用for…in循环遍历对象除Symbol以外的所有可枚举属性，当对象有属性存在返回false， 否则返回true。

const obj = {}
function isObjectEmpty(obj){
    for(var key in obj){
        return false
    }
    return true
}

console.log(isObjectEmpty(obj)) // true

如果需要只考虑对象自身的属性，而不是继承来的，这时可以配合Object.getOwnPropertyNames() 或 Object.hasOwnProperty() 来进行过滤。

obj.hasOwnProperty()可以判断是实例的属性还是原型链的属性

function isObjectEmpty (obj) {
    for (let key in obj) {
        if(obj.hasOwnProperty(key)) {
         	return false;
        }
    }
    return true
}

Object.keys(obj) 和 for…in 区别？

• object.keys(obj)只包括对象本身的属性。

• for…in遍历包括对象继承自原型对象的属性。