js 判断一个 Object 对象是否为空

谁借莪１个温暖的怀抱￠ 2022-02-16 15:17 373阅读 0赞

### 参考一： ###

判断一个对象是否为空对象，本文给出三种判断方法：

1.最常见的思路，`for...in...` 遍历属性，为真则为“非空数组”；否则为“空数组”

for (var i in obj) { // 如果不为空，则会执行到这一步，返回true
        return true
    }
    return false // 如果为空,返回false

2.通过 `JSON` 自带的 `stringify()` 方法来判断:

`JSON.stringify()` 方法用于将 `JavaScript` 值转换为 `JSON` 字符串。

if (JSON.stringify(data) === '{}') {
        return false // 如果为空,返回false
    }
    return true // 如果不为空，则会执行到这一步，返回true

这里需要注意为什么不用 `toString()`，因为它返回的不是我们需要的。

var a = {}
    a.toString() // "[object Object]"

3.`ES6` 新增的方法 `Object.keys()`:

`Object.keys()` 方法会返回一个由一个给定对象的自身可枚举属性组成的数组。

如果我们的对象为空，他会返回一个空数组，如下：

var a = {}
    Object.keys(a) // []

我们可以依靠Object.keys()这个方法通过判断它的长度来知道它是否为空。

if (Object.keys(object).length === 0) {
        return false // 如果为空,返回false
    }
    return true // 如果不为空，则会执行到这一步，返回true

**转载补充：**

原文中的代码，是写在一个 `function` 中的。类似这样：

function checkNullObj (obj) {
        if (Object.keys(obj).length === 0) {
            return false // 如果为空,返回false
        }
        return true // 如果不为空，则会执行到这一步，返回true
    }

但这样写，还是太累赘了。可以写成这样：

` function checkNullObj (obj) {`

`   return Object.keys(obj).length`

` }`

`或者：`

function checkNullObj (obj) {
        return Object.keys(obj).length === 0
    }

### 参考二： ###

Object.getOwnPropertyNames()方法  
此方法是使用Object对象的getOwnPropertyNames方法，获取到对象中的属性名，存到一个数组中，返回数组对象，我们可以通过判断数组的length来判断此对象是否为空  
注意：此方法不兼容ie8，其余浏览器没有测试  
var data = \{\};  
var arr = Object.getOwnPropertyNames(data);  
alert(arr.length == 0);//true

###    参考三： ###

jQuery.isEmptyObject()  
描述：检查对象是否为空（不包含枚举属性）。

console.info($.isEmptyObject(\{\}));            //true  
console.info($.isEmptyObject(\{"ID":"1"\}));    //false  
console.info($.isEmptyObject(new Object()));  //true