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

 更新时间:2022年12月22日 10:44:53   投稿:yin  
JavaScript五种原始类型(boolean、number、string、null、undefined)中的一种。在鉴别JavaScript原始类型的时候我们会用到typeof操作符。Typeof操作符可用于字符串、数字、布尔和未定义类型。

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

到此这篇关于JavaScript判断空值、NULL、undefined的方法对比的文章就介绍到这了,更多相关jst判断空值、NULL、undefined内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript实现自动生成网页元素功能(按钮、文本等)

    JavaScript实现自动生成网页元素功能(按钮、文本等)

    这篇文章主要介绍了JavaScript实现自动生成网页元素功能,文章列出了三种可以进行增删改克隆按钮、文本等元素的方法,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • js innerHTML 改变div内容的方法

    js innerHTML 改变div内容的方法

    永远不知道你可以改变的内容,一个HTML元素?也许你要取代的文字段落中,以反映什么访客选定刚刚从下拉框中。通过操纵一个元素的innerHtml您可以变更您的文本和HTML多达你喜欢。
    2013-08-08
  • 基于javascript实现动态时钟效果

    基于javascript实现动态时钟效果

    这篇文章主要为大家详细介绍了基于javascript实现动态时钟效果的相关资料,动态显示系统当前时间,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • js异步之async和await实现同步写法

    js异步之async和await实现同步写法

    本文主要介绍了js异步之async和await实现同步写法,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • 基于JavaScript实现的快速排序算法分析

    基于JavaScript实现的快速排序算法分析

    这篇文章主要介绍了基于JavaScript实现的快速排序算法,分析了快速排序的原理并结合实例形式给出了javascript快速排序的操作步骤与相关实现技巧,需要的朋友可以参考下
    2017-04-04
  • 浅谈mint-ui 填坑之路

    浅谈mint-ui 填坑之路

    本篇文章主要介绍了浅谈mint-ui 填坑之路,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • JS request函数 用来获取url参数

    JS request函数 用来获取url参数

    项目中经常会遇到这种问题 下面代码解决问题!
    2010-05-05
  • JavaScript实现楼梯滚动特效(jQuery实现)

    JavaScript实现楼梯滚动特效(jQuery实现)

    这篇文章主要为大家详细介绍了JavaScript实现楼梯滚动特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Javascript发送AJAX请求实例代码

    Javascript发送AJAX请求实例代码

    这篇文章主要介绍了Javascript发送AJAX请求的实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • js实现自动图片轮播代码

    js实现自动图片轮播代码

    这篇文章主要为大家详细介绍了js实现自动轮播的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03

最新评论