写点什么

盘点 JS 判断空对象的几大方法

作者:猪痞恶霸
  • 2022 年 7 月 07 日
  • 本文字数:1317 字

    阅读完需:约 4 分钟

知识准备

在盘点 JS 判空方法之前我们先来了解下面的三个方法。

Object.keys

Object.keys()方法是以对象为参数,返回一个包含该对象内所匹配的属性和方法的数组


  var obj = {    name: "cxy",    age: "19"  };   var objArray = Object.getOwnPropertyNames(obj);  console.log(objArray)
复制代码



可以看到objArray为返回值,且返回值为以对象内的属性为内容的数组

Object.getOwnPropertyNames

Object.getOwnPropertyNames()方法同样是也是以对象为参数,返回一个包含该对象内所匹配的属性和方法的数组


大家在这里会发出疑问,这两个有啥区别?Object.getOwnPropertyNames()可以返回所有的属性,而Object.keys()只能返回可枚举属性,诶?到这里大家又疑惑了可枚举属性又是个啥?不要着急,我来解释一下什么叫可枚举属性

可枚举属性

可枚举或者不可枚举属性是对象内部通过可枚举标志enumerable来进行区分的,在默认情况下,我们obj.name = "cxy"为对象新增了一个属性后,其可枚举标志enumerableture,而当其值为false的时候它是不可枚举的,当我们对对象进行for,Object.keys(),JSON.stringify()的时候不可枚举属性是找不出来的,我们可以理解为不可枚举属性是隐身


现在我们拿上面的Object.getOwnPropertyNamesObject.keys()进行实战举例,我们通过defineProperty来为对象添加age属性,因为该方法可以设置枚举标志,这里设置为false,可以看到下面两个不同的返回结果


var stuObj = {    name: "cxy"}Object.defineProperty(stuObj, 'age', {  value: "18",  enumerable: false});console.log(Object.keys(stuObj))console.log(Object.getOwnPropertyNames(stuObj))
复制代码


hasOwnProperty

hasOwnProperty()是用来判断某对象是否含有某属性的,其参数为属性名


  var stuObj = {    name: "cxy"  }  console.log(stuObj.hasOwnProperty('name'))
复制代码



但是这里要注意一个问题就是,hasOwnProperty()判断继承属性的时候会返回false,继承属性即对象从原型对象上继承的属性,比如说toString

盘点判空方法

JSON.stringify判空

这种方式是比较简单的了,使用JSON.stringify将对象转换为字符串,再通过等于判断即可得到对象是否为空的布尔值


let obj = {    name: "cxy"}console.log(JSON.stringify(obj) == '{}')
复制代码

for in判空

使用for in的话可以当触发循环的时候返回false没有触发循环的时候代表对象为空返回ture


let forNull = (items) => {    for (let item in items) {        return false    }    return true}
复制代码

Object.getOwnPropertyNames判空

这里使用了上文提及的Object.getOwnPropertyNames,将返回的数组的length作为判断依据。


let stuArray = Object.getOwnPropertyNames(obj)console.log(stuArray.length === 0)
复制代码

Object.keys()判空

和上个方法一样,使用数组作为判断依据


let stuArray = Object.getOwnPropertyNames(obj)console.log(stuArray.length === 0)
复制代码

hasOwnProperty判空

使用hasOwnProperty是使用 for 循环将元素进行判断如果含有则返回false说明不为空,反之则为空


let forNull = (items) => {    for (let item in items) {        if(items.hasOwnProperty(item)){            return false        }    }    return true}
复制代码


发布于: 刚刚阅读数: 4
用户头像

猪痞恶霸

关注

还未添加个人签名 2022.07.01 加入

还未添加个人简介

评论

发布
暂无评论
盘点JS判断空对象的几大方法_前端_猪痞恶霸_InfoQ写作社区