[JS]判斷一個對象是否為空對象

今天遇到判斷是否為空對象的問題，發現還有很多細節待學習，下面我簡單總結一下。

列出以下幾種情況：

let obj = {}

let obj1 = {
  name: "jack"
}

let obj2 = {
  [Symbol("name")]: "jack",
}

let obj3 = Object.defineProperty({}, "name", {
  value: "john",
  enumerable: false // 不可枚舉
})

 

方法一： 利用 for...in 循環

function isEmpty(obj) {
  for (let i in Object.keys(obj)) {
    return false // 進入循環即不為空
  }
  return true
}
console.log(isEmpty(obj)) // true
console.log(isEmpty(obj1)) // false
console.log(isEmpty(obj2)) // true
console.log(isEmpty(obj3)) // true

 

方法二：利用JSON.stringify()轉化為字符串

let isEmpty = (obj) => (JSON.stringify(obj) === '{}') ? true : false

console.log(isEmpty(obj)) // true
console.log(isEmpty(obj1)) // false
console.log(isEmpty(obj2)) // true
console.log(isEmpty(obj3)) // true

 

方法三: 使用Object.keys()將取出對象中的鍵名，再判斷長度

let isEmpty = (obj) => (Object.keys(obj).length === 0) ? true : false

console.log(isEmpty(obj)) // true
console.log(isEmpty(obj1)) // false
console.log(isEmpty(obj2)) // true
console.log(isEmpty(obj3)) // true

 

由此可見，以上三種方法不能判斷對象中的不可枚舉屬性。

 

如果對象中含有不可枚舉屬性，我們又需要找出這些屬性，就可以使用 Object.getOwnPropertyNames() 和 Object.getOwnPropertySymbols()  這兩個API。

Object.getOwnPropertyNames()  返回對象中的所有屬性（不包括symbol）

Object.getOwnPropertySymbols()  只返回對象中的symbol屬性

 

所以我們可以結合它們：

function isEmpty(obj) {
  return  !Object.getOwnPropertyNames(obj).length &&  !Object.getOwnPropertySymbols(obj).length
}

console.log(isEmpty(obj)) // true
console.log(isEmpty(obj1)) // false
console.log(isEmpty(obj2)) // false
console.log(isEmpty(obj3)) // false