js如何判断一个对象{}是否为空对象，没有任何属性

js如何判断一个对象{}是否为空对象，没有任何属性u1M无知

前段时间用js写了一个类似"angularjs"用于数据绑定的东西，功能是比较简单了，u1M无知

通常应该传进来的是一个ArrayList JSON对象数组，u1M无知

但有时候通过AJAX方法调用返回的是一个JSON对象，而不是数组！u1M无知

为了兼容这种情况使用了以下代码：u1M无知

 u1M无知

1	if (typeof model.rows === "object" && !(model.rows instanceof Array)){  model.rows = [model.rows];}

这段代码在后来使用过程中发现了一个Bug，就是当u1M无知

1	model.rows = {};

时，依然把它当作一个有效的对象来处理，进行数据绑定，可想而知，所有数据都是空的。u1M无知

 u1M无知

解决方案：

那么怎么解决这个问题呢？u1M无知

第一习惯首先是搜索一下，但得到的结果都是DOM相关的，差强人意！u1M无知

这时想起之前写过遍历JS对象属性的方法，这里可以用上了！u1M无知

代码如下：u1M无知

1 2 3 4 5 6 7 8 9 10 11 12 13

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;     } }

u1M无知

代码很简单，就不写注释了。u1M无知

jQuery中的实现方法

JavaScript判断object/json 是否为空，可以使用jQuery的isEmptyObject()方法。u1M无知

此方法如下u1M无知

1 2 3 4 5 6

function isEmptyObject(e) {     var t;     for (t in e)         return !1;     return !0 }

调用u1M无知

1 2 3 4 5 6 7

console.log($.isEmptyObject({"re": 2}));  //false    console.log(isEmptyObject());          //true console.log(isEmptyObject({}));         //true console.log(isEmptyObject(null));       //true console.log(isEmptyObject(23));         //true console.log(isEmptyObject({"te": 2}));     //false

jQuery的isEmptyObject()方法实现的代码即简单又简洁，但最关键的是我们要理解原理。u1M无知

本文由 微wx笑 创作，采用 署名-非商业性使用-相同方式共享 4.0 许可协议，转载请附上原文出处链接及本声明。
原文链接：https://www.ivu4e.cn/blog/lang/2020-04-12/391.html

很赞哦！ (29) 赏 有话说 (0)