如何檢查一個物件是否為空

摘要： :star:️ 更多前端技術和知識點，搜尋訂閱號 JS 菌 訂閱 檢查一個數組為空很容易，直接呼叫 length 方法即可，那麼如何檢查一個物件是否為空呢 :question: 這裡的空指的是物件沒有自有屬性 假設這裡有兩個物件，一個是 obj 一個是 anoth...

:star:️ 更多前端技術和知識點，搜尋訂閱號 JS 菌 訂閱

檢查一個數組為空很容易，直接呼叫 length 方法即可，那麼如何檢查一個物件是否為空呢 :question:

這裡的空指的是物件沒有自有屬性

假設這裡有兩個物件，一個是 obj 一個是 anotherObj

let obj1 = {
name: 'oli',
child: {
name: 'oliver'
}
}

let obj2 = {
[Symbol('name')]: 'alice'
}

let obj3 = Object.defineProperty({}, 'name', {
value: 'alice',
enumerable: false
})

let obj4 = Object.create(null)

// 我們需要一個函式，判斷是否不含自有屬性

isEmpty(obj1) // false
isEmpty(obj2) // false
isEmpty(obj3) // false
isEmpty(obj4) // true

:exclamation:️想了半天檢視物件是否有 Symbol 屬性只能使用 getOwnPropertySymbols 方法，如果還有更好的方法歡迎留言

方法一：遍歷

for-in 遍歷，並通過 hasOwnProperty 方法確認是否存在某個 key 這種方法不能夠遍歷到 enumerable 為 false 的屬性

const isEmptyObj = object => {
if (!!Object.getOwnPropertySymbols(object).length) {
return false
}
for (const key in object) {
if (object.hasOwnProperty(key)) {
return false
}
}
return true
}

方法二：keys 方法

使用 Object 靜態方法 keys 然後判斷 length 即可，keys 返回的是自身可列舉屬性，因此同樣的不可遍歷到 enumerable 為 false 的屬性

const isEmptyObj = object => {
if (!!Object.getOwnPropertySymbols(object).length) {
return false
}
if (Object.keys(object).length) {
return false
}
return true
}

方法三：JSON 方法

使用 JSON Stringify 方法將物件轉為字串，與字串 '{}' 對比，同樣該方法無法獲取到不可遍歷屬性

const isEmptyObj = object => {
if (!!Object.getOwnPropertySymbols(object).length) {
return false
}
return JSON.stringify(object) === '{}'
}

方法四：getOwnPropertyNames 方法

使用 Object 的 getOwnPropertyNames 方法，獲取所有屬性名，這樣就算是不可列舉屬性依然能夠獲取到，算是比較 ok 的方法。

const isEmptyObj = object => {
if (!!Object.getOwnPropertySymbols(object).length) {
return false
}
if (!!Object.getOwnPropertyNames(object).length) {
return false
}
return true
}

簡化版：

const isEmptyObj = object => !Object.getOwnPropertySymbols(object).length && !Object.getOwnPropertyNames(object).length

如果有更好的方法歡迎留言

請關注我的訂閱號，不定期推送有關 JS 的技術文章，只談技術不談八卦 :blush:

EOF