JS 对象为空判断

使用JSON.stringify()

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

let obj = {}
console.log(JSON.stringify(obj) === '{}') // true

Object.prototype.name = '张三'  // 在原型上添加一个可枚举属性，说明非自有的不能判断
console.log(JSON.stringify(obj) === '{}') // true

Object.defineProperty(obj, 'age', {  // 在obj对象上添加一个不可枚举属性，说明不可枚举的不能判断
  value: 18,
  enumerable: false
})
console.log(JSON.stringify(obj) === '{}') // true

for…in

不足： for…in循环遍历对象除Symbol以外的所有可枚举属性

let obj = {}
function isEmpty(obj) {
  for (let key in obj) {
    return false
  }
  return true
}
console.log(isEmpty(obj)) // true

Object.prototype.name = '张三'  // 在原型上添加一个可枚举属性，可判断出来
console.log(isEmpty(obj)) // false

Object.defineProperty(obj, 'age', {  // 在obj对象上添加一个不可枚举属性，判断不出来
  value: 18,
  enumerable: false
})
console.log(isEmpty(obj)) // true

//如果只是判断当前对象是否为空，不包含原型链上的属性，可以配合Object.getOwnPropertyNames() 或 Object.hasOwnProperty() 来进行过滤
function isObjectEmpty (obj) {
  for (let key in obj) {
    if(obj.hasOwnProperty(key)) return false
  }
  return true
}

Object.getOwnPropertyNames

//Object.getOwnPrototypeNames()方法会返回该对象所有可枚举和不可枚举属性的属性名组成的数组（不包括 Symbol 值作为名称的属性）不包括原型中的属性
//我们可以通过数组长度来确认对象是否为空
let obj = {}
Object.defineProperty(obj, 'age', {
  value: 18,
  enumerable: false
})
console.log(Object.getOwnPropertyNames(obj).length === 0)   // false

//Object.getOwnPropertySymbols()
//用于获取指定对象的所有 Symbol 属性名。该方法返回一个数组，成员是当前对象的所有用作属性名的 Symbol 值。
let obj = { name: '张三', age: 18 };
const symbol1 = Symbol('symbol1')
const symbol2 = Symbol('symbol2')
obj[symbol1] = 'hello'
obj[symbol2] = 'world'
console.log(Object.getOwnPropertySymbols(obj));
// [Symbol(symbol1), Symbol(symbol2)]

Object.keys

//用于获取对象自身所有的可枚举的属性值，但不包括原型中的属性，然后返回一个由属性名组成的数组。
Object.prototype.fun = () => {};

const str = 'HelloWorld';
console.log(Object.keys(str));
// ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
let obj = { name: '张三', age: 18 };
console.log(Object.keys(obj));
// ["name", "age"]

Object.defineProperty(obj, 'age', {
  value: 18,
  enumerable: false
})
console.log(Object.keys(obj));
// ["name"]

Reflect.ownKeys()

//返回一个数组，包含对象自身的所有属性，不管是属性名是 Symbol 或字符串，也不管是否可枚举,但不包括原型中的属性。

const obj = { name: '张三', age: 18 };
const symbol1 = Symbol('symbol1')
const symbol2 = Symbol('symbol2')
obj[symbol1] = 'hello'
obj[symbol2] = 'world'
Object.defineProperty(obj, 'grade', {
  value: 3,
  enumerable: false
})
console.log(Reflect.ownKeys(obj));
// ["name", "age","grade", Symbol(symbol1), Symbol(symbol2)]

对象为空判断可以看作是对象遍历的延申，可以查看更多对象遍历方法文章：JS 对象遍历方式总结