JavaScript檢查一個(gè)對(duì)象是否為空的方法

這篇文章將為大家詳細(xì)講解有關(guān)JavaScript檢查一個(gè)對(duì)象是否為空的方法，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

檢查一個(gè)數(shù)組為空很容易，直接調(diào)用 length 方法即可，那么如何檢查一個(gè)對(duì)象是否為空呢 ?

這里的空指的是對(duì)象沒(méi)有自有屬性

假設(shè)這里有兩個(gè)對(duì)象，一個(gè)是 obj 一個(gè)是 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)

// 我們需要一個(gè)函數(shù)，判斷是否不含自有屬性

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

??想了半天查看對(duì)象是否有 Symbol 屬性只能使用 getOwnPropertySymbols 方法，如果還有更好的方法歡迎留言

方法一：遍歷

for-in 遍歷，并通過(guò) hasOwnProperty 方法確認(rèn)是否存在某個(gè) 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 靜態(tài)方法 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 方法將對(duì)象轉(zhuǎn)為字符串，與字符串 '{}' 對(duì)比，同樣該方法無(wú)法獲取到不可遍歷屬性

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
}

簡(jiǎn)化版：

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

關(guān)于JavaScript檢查一個(gè)對(duì)象是否為空的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。