js判断一个空对象的几种方式

方法一：使用JSON.stringify()将对象转为json字符串

JSON.stringify()作用是将js对象转为json字符串

let obj = {}
let obj1 = new Object()
console.log(JSON.stringify(obj) === '{}')
console.log(JSON.stringify(obj1) === '{}')

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

let obj = {}
Object.prototype.name = "Jerry"  // 在原型上添加一个可枚举属性
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以外的所有可枚举属性，当对象有属性存在返回false，否则返回true

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

在实际开发工作中，有时需要只考虑对象自身的属性，而不是继承来的，这时可以配合Object.getOwnPropertyNames() 或 Object.hasOwnProperty() 来进行过滤。

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

方法三：Object.getOwnPrototypeNames()

Object.getOwnPrototypeNames()方法会返回该对象所有可枚举和不可枚举属性的属性名组成的数组，然后通过判断返回的数组长度是否为0，如果为0就是空对象

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

该方法对于不可枚举的方法也可以检测出来

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

方法四：Object.keys()

Object.keys()是一个对象方法，该方法返回一个数组，包含指定对象自有的可枚举属性, 用此方法只需要判断返回的数组长度是否为0，为0就是空对象

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

Object.prototype.name = 'Jerry'
Object.defineProperty(obj, 'age', {
  value: 18,
  enumerable: false
})
console.log(Object.keys(obj).length === 0) // true

方法五：jQuery中的isEmptyObject()方法，其原理是利用for in的方式来判断（注意：使用这种方式记得引用jquery）

console.log($.isEmptyObject(obj));//true