JavaScript空判断

比眉伴天荒 2021-07-04 13:29 508阅读 0赞

在`JavaScript`中，空判断比较常见，但究竟应该如何正确地使用空判断呢？不同的数据类型有不同的判断方法，不能同一而论，在判断空前，应先确定数据的类型。

**1、不同类型具有不同的判空方法**

在判空前应预判数据的类型，如果期望类型不清晰，则可能会导致错误的判断或考虑情况不周全。

<table> 
 <thead> 
  <tr> 
   <th>序号</th> 
   <th>测试类型</th> 
   <th>测试代码</th> 
   <th>结果</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td>无参数或传入undefined</td> 
   <td>test1();</td> 
   <td>输入值：undefined,类型：undefined，返回值：false</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>test1(undefined, ‘undefined’);</td> 
   <td>输入值：undefined,类型：undefined，返回值：false</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td>数字</td> 
   <td>test1(0, ‘数字0’);</td> 
   <td>输入值：数字0,类型：number，返回值：false</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>test1(-1, ‘数字-1’);</td> 
   <td>输入值：数字-1,类型：number，返回值：true</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>test1(NaN, ‘数字NaN’);</td> 
   <td>输入值：数字NaN,类型：number，返回值：false</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td>字符串</td> 
   <td>test1(’’, ‘字符串（无内容）’);</td> 
   <td>输入值：字符串（无内容）,类型：string，返回值：false</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>test1(‘0’, ‘字符串0’);</td> 
   <td>输入值：字符串0,类型：string，返回值：true</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>test1(’ ',‘字符串空格’);</td> 
   <td>输入值：字符串空格,类型：string，返回值：true</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td>对象</td> 
   <td>test1({},‘空对象（{}）’);</td> 
   <td>输入值：空对象（{}）,类型：object，返回值：true</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>test1([],‘空数组’);</td> 
   <td>输入值：空数组,类型：object，返回值：true</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>test1(null, ‘null’);</td> 
   <td>输入值：null,类型：object，返回值：false</td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

**2、常用判空函数：**  
![在这里插入图片描述][20201022143934691.png]  
**3、测试代码**

--------------------

# js 判空 #

js判断是否为空的代码如下：

// var a = "";
    
    // var a = " ";
    
    // var a = null;
    
    // var a = undefined;
    
    // var a = [];
    
    // var a = {};
    
    // var a = NaN;
    
    if(a === undefined) {  // 只能用 === 运算来测试某个值是否是未定义的
    
    console.log("为undefined");
    
    }
    
    if(a == null) {  // 等同于 a === undefined || a === null
    
    console.log("为null");
    
    }
    
    // String 
    
    if(a == "" || a == null || a == undefined){  // "",null,undefined
    
    console.log("为空");
    
    }
    
    if(!a){  // "",null,undefined,NaN
    
    console.log("为空"); 
    
    }
    
    if(!$.trim(a)){  // "",null,undefined
    
    console.log("为空");
    
    }
    
    // Array
    
    if(a.length == 0){  // "",[]
    
    console.log("为空");
    
    }
    
    if(!a.length){  // "",[]
    
    console.log("为空");
    
    }
    
    // Object {}
    
    if($.isEmptyObject(a)){  // 普通对象使用 for...in 判断，有 key 即为 false
    
    console.log("为空");
    
    }

`JavaScript`程序是由若干语句组成的，语句是编写程序的指令。`JavaScript`提供了完整的基本编程语句，它们是：

赋值语句、
    switch选择语句、
    while循环语句、
    for循环语句、
    for each循环语句、
    do...while循环语句、
    break循环中止语句、
    continue循环中断语句、
    with语句、
    try…catch语句、
    if语句（if..else，if…else if…）。

[20201022143934691.png]: /images/20210704/96f108d2b7e94c26bae8ac37cafd90db.png