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

大家好，欢迎来到IT知识分享网。

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遍历包括对象继承自原型对象的属性。