服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - js教程 - JS实现判断对象是否为空对象的5种方法

JS实现判断对象是否为空对象的5种方法

2022-02-28 16:30Flavor_ js教程

这篇文章主要介绍了JS实现判断对象是否为空对象的5种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

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

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

2.for in 循环判断

?
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

3.jquery的isEmptyObject方法

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

?
1
2
3
var data = {};
var b = $.isEmptyObject(data);
alert(b);//true

4.Object.getOwnPropertyNames()方法

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

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

5.使用ES6的Object.keys()方法

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

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

到此这篇关于JS实现判断对象是否为空对象的5种方法的文章就介绍到这了,更多相关JS 判断对象为空内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文链接:https://juejin.cn/post/6949350562278146078

延伸 · 阅读

精彩推荐
  • js教程js实现简单商品筛选功能

    js实现简单商品筛选功能

    这篇文章主要为大家详细介绍了js实现商品筛选功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...

    ~嘘~禁止想象~10702022-01-12
  • js教程原生JavaScript实现进度条

    原生JavaScript实现进度条

    这篇文章主要为大家详细介绍了原生JavaScript实现进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...

    weixin_441349725612022-01-21
  • js教程js实现调用网络摄像头及常见错误处理

    js实现调用网络摄像头及常见错误处理

    这篇文章主要介绍了js实现调用网络摄像头及常见错误处理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的...

    飞灰4622022-02-13
  • js教程JavaScript实现跟随鼠标移动的盒子

    JavaScript实现跟随鼠标移动的盒子

    这篇文章主要为大家详细介绍了JavaScript实现跟随鼠标移动的盒子,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...

    搬砖大法10882022-01-10
  • js教程js数据类型以及其判断方法实例

    js数据类型以及其判断方法实例

    这篇文章主要给大家介绍了关于js数据类型以及其判断方法的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价...

    REMZ7762022-02-12
  • js教程JavaScript实现点击切换功能

    JavaScript实现点击切换功能

    这篇文章主要为大家详细介绍了JavaScript实现点击切换功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...

    _he_dan_10492022-01-10
  • js教程JavaScript实现消消乐的源代码

    JavaScript实现消消乐的源代码

    这篇文章主要介绍了JavaScript实现消消乐-源代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以...

    代码100分12222021-12-30
  • js教程微信小程序如何获取图片宽度与高度

    微信小程序如何获取图片宽度与高度

    这篇文章主要给大家介绍了关于微信小程序如何获取图片宽度与高度的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参...

    bug制造者6312022-02-15