欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-02 17:37:54
...

来源:https://www.2cto.com/kf/201612/573656.html

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

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

通常应该传进来的是一个ArrayList JSON对象数组,

但有时候通过AJAX方法调用返回的是一个JSON对象,而不是数组!

为了兼容这种情况使用了以下代码:
if (typeof model.rows === "object" && !(model.rows instanceof Array)){  
    model.rows = [model.rows];  

}
这段代码在后来使用过程中发现了一个Bug,就是当

model.rows = {};
时,依然把它当作一个有效的对象来处理,进行数据绑定,可想而知,所有数据都是空的。

解决方案:
那么怎么解决这个问题呢?

第一习惯首先是搜索一下,但得到的结果都是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  
}
调用
.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
相关标签: 对象 数据