js判断对象是否为空对象的几种方法

作者：管理员 2019-06-04 17:07:20 分类：JavaScript 阅读（21020） 2

在做数据交互的时候，我们经常需要判断数据或者对象是不是为空，避免当接口异常时候前端页面崩溃，上次总结了篇关于如何判断数据是不是数组，下面来自网上一篇教程总结方便以后查阅，正所谓好记性不如烂笔头。

1.将json对象转化为json字符串，再判断该字符串是否为"{}"

1
2
3

var data = {};
var b = (JSON.stringify(data) == "{}");
alert(b);//true

1
2
3
4
5
6
7
8

var obj = {};
var b = function() {
for(var key in obj) {
return false;
}
return true;
}
alert(b());//true

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

1
2
3

var data = {};
var b = $.isEmptyObject(data);
alert(b);//true

此方法是使用Object对象的getOwnPropertyNames方法，获取到对象中的属性名，存到一个数组中，返回数组对象，我们可以通过判断数组的length来判断此对象是否为空，注意：此方法不兼容ie8，其余浏览器没有测试

1
2
3

var data = {};
var arr = Object.getOwnPropertyNames(data);
alert(arr.length == 0);//true

与4方法类似，是ES6的新方法, 返回值也是对象中属性名组成的数组

1
2
3

var data = {};
var arr = Object.keys(data);
alert(arr.length == 0);//true

综上来看，应该说第一种方法是最简单最容易理解的，第五种的话也不错，其他方案多少有些复杂，当然，也可以项目中写个通用方法去判断。

本站所有文章、图片、资源等如无特殊说明或标注，均为来自互联网或者站长原创，版权归原作者所有；仅作为个人学习、研究以及欣赏！如若本站内容侵犯了原著者的合法权益，可联系我们进行处理，邮箱：343049466@qq.com

赞(4) 打赏

标签：

Js对象对象为空数据交互