JavaScript判断空值、NULL、undefined的方法对比

时间:2022-12-23 人气:0

JavaScript五种原始类型（boolean、number、string、null、undefined）中的一种。在鉴别JavaScript原始类型的时候我们会用到typeof操作符。Typeof操作符可用于字符串、数字、布尔和未定义类型。

一、javaScript 五种空值和假值

分别为 undefined，null，false，""，0，这五个值的共同点是在执行 if 语句时都会执行 false 分支，执行对应的非语句的时候都执行 true 分支。

1、undefined：表明变量没有初始化，即 “未定义”；

2、null：js 关键字，用于描述 “空值”，表示数字、字符串、对象是 “无值” 的，typeof 为 object，但不具备对象实例的属性与方法；

3、false、""、0：在 if 语句中表现为假值，但是他们都是有意义的数据，只是被用作空值或假值；

JavaScript 如果要判断变量是否已定义，可以使用 typeof，数据类型如下：

typeof(undefined) == 'undefined'
typeof(null) == 'object'
typeof("") == 'String'
typeof(0) == 'number'
typeof(false) == 'boolean'

typeof 返回的是字符串，有六种可能："number"、"string"、"boolean"、"object"、"function"、"undefined"

提示：只能用 === 运算来测试某个值是否是未定义的，因为 == 运算符认为 undefined 值等价于 null

注释：null 表示无值，而 undefined 表示一个未声明的变量，或已声明但没有赋值的变量，或一个并不存在的对象属性 var tmp = undefined; if (typeof (tmp) == "undefined"){ alert ("undefined"); }

二、数据是否为空代码示例

//    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("为空");
    }

加载全部内容