【JavaScript】判断空对象区别于null、undefined

最新推荐文章于 2025-01-06 08:00:00 发布

Sodino

最新推荐文章于 2025-01-06 08:00:00 发布

阅读量3.8k

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/sodino/article/details/51386081

版权

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种检测JavaScript中空对象及null的方法，并提供了一个实用的函数实现。通过该函数可以判断一个对象是否为空或者为null，这对于前端开发中清理无效数据非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

{}就是一个空对象，由于没有任何属性和方法，所以可以利用这一特点进行区别：

      
      
       
       function isEmpty (object) {
      
      
      
          
       
       for (
       
       var i 
       
       in object) {
      
      
      
              
       
       // 存在属性或方法，则不是空对象
      
      
      
      
       
               reutrn 
       
       false;
      
      
      
      
       
           }
      
      
      
      
      
          
       
       return 
       
       true;
      
      
      
      
       
       }

代码测试如下：

1 2	isEmpty({}); // true isEmpty(null); // true

JavaScript里有个坑，即null也是个Object呀!!
如下代码输出：

      
      
       
       // 输出 object
      
      
      
      
       
       console.log((
       
       typeof 
       
       null));
      
      
      
      
      
      
       
       // 输出 [object Null]
      
      
      
      
       
       console.log(
       
       Object.prototype.toString.call(
       
       null));

所以要更加具体的区分出null undefined,稍加改进如下：

      
      
       
       function isEmpty (
       
       object) {
      
      
      
          
       
       if (
       
       object === 
       
       null || 
       
       object === undefined) {
      
      
      
              
       
       return 
       
       false;
      
      
      
      
       
           }
      
      
      
          
       
       for (
       
       var i 
       
       in 
       
       object) {
      
      
      
              
       
       // 存在属性或方法，则不是空对象
      
      
      
      
       
               reutrn 
       
       false;  
       
       // sodino.com
      
      
      
      
       
           }
      
      
      
      
      
          
       
       return 
       
       true;
      
      
      
      
       
       }