×

JS如何判断一个对象为空

Falcon 2021-01-23 views:
自动摘要

正在生成中……

在平时的开发过程中,我们经常用到的是数组判空,但是针对对象的判空,我做了以下整理,希望可以帮到有需要的小伙伴。如果大家还有更好的方法,欢迎留言,一起学习奥。

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 checkNullObj (obj) {

if (Object.keys(obj).length === 0) {

return false; // 如果为空,返回false

}

return true; // 如果不为空,则会执行到这一步,返回true

}

但这样写,还是太累赘了。可以写成这样:

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

4.jquery的isEmptyObject方法

此方法是jquery将2方法(for in)进行封装,使用时需要依赖jquery

var data = {};

var b = $.isEmptyObject(data);

alert(b);//true

 

5.Object.getOwnPropertyNames()方法

此方法是使用Object对象的getOwnPropertyNames方法,获取到对象中的属性名,存到 一个数组中,返回数组对象,我们可以通过判断数组的length来判断此对象是否为空

注意:此方法不兼容ie8,其余浏览器没有测试

var data = {};

var arr = Object.getOwnPropertyNames(data);

console.log( arr.length == 0 ); //true