宜宾网站建设公司

JavaScript检查一个对象是否为空的方法-创新互联

这篇文章将为大家详细讲解有关JavaScript检查一个对象是否为空的方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

我们提供的服务有：成都做网站、成都网站设计、微信公众号开发、网站优化、网站认证、东辽ssl等。为近千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的东辽网站制作公司

检查一个数组为空很容易，直接调用 length 方法即可，那么如何检查一个对象是否为空呢 ❓


这里的空指的是对象没有自有属性

假设这里有两个对象，一个是 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
❗️想了半天查看对象是否有 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
}

JavaScript检查一个对象是否为空的方法

简化版：

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

关于JavaScript检查一个对象是否为空的方法就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。


本文题目：JavaScript检查一个对象是否为空的方法-创新互联
文章出自：http://ybzwz.com/article/dissjh.html

其他资讯