js如何判断一个对象{}是否为空对象,没有任何属性
前段时间用js写了一个类似"AngularJS"用于数据绑定的东西,功能是比较简单了,
通常应该传进来的是一个ArrayList JSON对象数组,
但有时候通过AJAX方法调用返回的是一个JSON对象,而不是数组!
为了兼容这种情况使用了以下代码:
- if (typeof model.rows === "object" && !(model.rows instanceof Array)){
- model.rows = [model.rows];
-
- }
这段代码在后来使用过程中发现了一个Bug,就是当
时,依然把它当作一个有效的对象来处理,进行数据绑定,可想而知,所有数据都是空的。
解决方案:
那么怎么解决这个问题呢?
第一习惯首先是搜索一下,但得到的结果都是DOM相关的,差强人意!
这时想起之前写过遍历JS对象属性的方法,这里可以用上了!
代码如下:
- if (typeof model.rows === "object" && !(model.rows instanceof Array)){
- var hasProp = false;
- for (var prop in model.rows){
- hasProp = true;
- break;
- }
- if (hasProp){
- model.rows = [model.rows];
- }else{
- throw "model.rows is empty object";
- return false;
- }
- }
代码很简单,就不写注释了。
jQuery中的实现方法
JavaScript判断object/json 是否为空,可以使用jQuery的isEmptyObject()方法。
此方法如下
- function isEmptyObject(e) {
- var t;
- for (t in e)
- return !1;
- return !0
- }
调用
- console.log($.isEmptyObject({"re": 2}));
-
- console.log(isEmptyObject());
- console.log(isEmptyObject({}));
- console.log(isEmptyObject(null));
- console.log(isEmptyObject(23));
- console.log(isEmptyObject({"te": 2}));
结束语
jQuery的isEmptyObject()方法实现的代码即简单又简洁,但最关键的是我们要理解原理。