JS如何判断对象为空？以及各自的缺点。

JS如何判断对象为空？以及各自的缺点。

Object.keys()

通过 Object.keys() 来获取对象的键进行判断。

function isEmpty(obj) {return Object.keys(obj).length === 0;
}console.log(isEmpty({})); // true
console.log(isEmpty({ a: 1 })); // false

缺点：只能获取可枚举的字符串键。（MDN官网说明）

// 第一种：不可枚举字符串
const obj = {}
Object.defineProperty(obj, 'a', {value: 1,enumerable: false
})console.log(obj); // { a: 1 }
console.log(isEmpty(obj)); // true// 第二种：symbol
const obj = {[Symbol()]: 1
}console.log(obj); // true

JSON.stringify()

通过 JSON.stringify() 来将对象序列化为字符串进行判断。

function isEmpty(obj) {return JSON.stringify(obj) === '{}';
}console.log(isEmpty({})); // true
console.log(isEmpty({ a: 1 })); // false

缺点：以 undefined、函数作为值，以 symbol 作为键或值都不能被序列化。（MDN官网说明）

const obj = {a: undefined,b: function () { },c: Symbol(),[Symbol()]: 1
}console.log(isEmpty(obj)); // true

for...in

通过 for...in 直接遍历对象进行判断。

function isEmpty(obj) {let flag = true;for (let key in obj) {flag = false;break;}return flag;
}console.log(isEmpty({})); // true
console.log(isEmpty({ a: 1 })); // false

缺点：只能遍历可枚举属性。（MDN官网说明）

// 第一种：不可枚举字符串
const obj = {}
Object.defineProperty(obj, 'a', {value: 1,enumerable: false
})console.log(obj); // { a: 1 }
console.log(isEmpty(obj)); // true// 第二种：symbol
const obj = {[Symbol()]: 1
}console.log(obj); // true

Object.getOwnPropertyNames() 结合 Object.getOwnPropertySymbols()

通过 Object.getOwnPropertyNames() 来获取对象的字符串键名以及 Object.getOwnPropertySymbols() 来获取对象的 symbol 键名进行判断。

function isEmpty(obj) {return Object.getOwnPropertyNames(obj).length + Object.getOwnPropertySymbols(obj).length === 0;
}console.log(isEmpty({})); // true
console.log(isEmpty({ a: 1 })); // falseconst obj = {[Symbol()]: 1
}
console.log(isEmpty(obj)); // false

完美解决！！！但相对复杂。

Reflect.ownKeys()

通过 Reflect.ownKeys() 来获取对象的键进行判断。

function isEmpty(obj) {return Reflect.ownKeys(obj).length === 0;
}console.log(isEmpty({}));
console.log(isEmpty({ a: 1 }));const obj = {[Symbol()]: 1
}
console.log(isEmpty(obj));

完美解决！！！且简单。