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