一、常用方案

直接判断

代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<input type="button" onclick="testIfNull()" value="testIfNull" />

</body>

<script>

    function testIfNull() {

        var wzw1 = '1';

        if(wzw1)// true

        {

            console.log('正常');// 执行

        }

        var wzw2 = '';

        if(wzw2)// false

        {

            console.log('判断’‘');// 不执行

        }

        var wzw3 = null;

        if(!!wzw3)// false

        {

            console.log('判断null');// 不执行

        }

        var wzw4

        if(wzw4)// false

        {

            console.log('判断undefined');// 不执行

        }

        var wzw5 = 0;

        if(wzw5)// false

        {

            console.log('判断0');// 不执行

        }

    }

</script>

</html>

效果

二、今日看到的ES6方案

用(wzw??'') !== '' 判断

我的解析：

对wzw进行判断，如果??是只要前面是null underfined 就取后面的值 不然取前面的

而后面的值也‘’空，而在外一成又判断不等于‘’所以这里是3种判空

分别是： null 和 undefined 和 ‘’ 

代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<input type="button" onclick="testIfNull()" value="testIfNull" />

</body>

<script>

    function testIfNull() {

        var wzw1 = '1';

        if((wzw1??'') !== '')// true

        {

            console.log('正常');// 执行

        }

        var wzw2 = '';

        if((wzw2??'') !== '')// false

        {

            console.log('判断’‘');// 不执行

        }

        var wzw3 = null;

        if((wzw3??'') !== '')// false

        {

            console.log('判断null');// 不执行

        }

        var wzw4

        if((wzw4??'') !== '')// false

        {

            console.log('判断undefined');// 不执行

        }

        var wzw5 = 0;

        if((wzw5??'') !== '')// false

        {

            console.log('判断0');// 执行

        }

    }

</script>

</html>

效果

总结

可以用if((value??'') !== '') 来替代  if(value || value ===0)对0进行放行

代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<input type="button" onclick="testIfNull()" value="testIfNull" />

</body>

<script>

    function testIfNull() {

        var wzw1 = '1';

        if((wzw1??'') !== '')// true

        {

            console.log('正常');// 执行

        }

        var wzw5 = 0;

        if((wzw5??'') !== '')// false

        {

            console.log('判断if((wzw5??\'\') !== \'\')');// 执行

        }

        if(wzw5 || wzw5 === 0){

            console.log("判断if(wzw5 || wzw5 !== 0");// 执行

        }

    }

</script>

</html>

结果

ES6技术之“判空方案”的更多相关文章

  1. Java使用Optional与Stream来取代if判空逻辑（JDK8以上）

    Java使用Optional与Stream来取代if判空逻辑(JDK8以上) 通过本文你可以用非常简短的代码替代业务逻辑中的判null校验,并且很容易的在出现空指针的时候进行打日志或其他操作. 注:如 ...

  2. java中判空

    一.概述 java中判等似乎很简单,==用来判断对象引用(内存地址)是否相同,equals用来判断值是否相同.你可以试用String对象轻松区分这一点. 那么在null判等(也就是判空操作)时呢? 可 ...

  3. JSTL: empty 可以减少很多繁冗的判空(转)

    ${empty student.name }Empty是判空为空返回的真不为空返回的是假 ${(empty student.name)? '空' : '非空'} <c:if test=" ...

  4. mybatis xml的无效判空

    <insert id="insert"> <if test="xxxMappingEntityList != null and xxxMappingEn ...

  5. StringUtils工具类常用方法汇总1(判空、转换、移除、替换、反转)

      Apache commons lang3包下的StringUtils工具类中封装了一些字符串操作的方法,非常实用,使用起来也非常方便.最近自己也经常在项目中使用到了里面的一些方法,在这里将常用的方 ...

  6. 运算符关键字。数据区别大小写。日期范围。判空的两种写法。NOT IN的两种写法。IN范围可含NULL,但NOT IN值范围不能含NULL。

    比较:>,<,=,>=,<=,<>(!=) 逻辑:AND,OR,NOT 范围:BETWEEN...AND... 范围:IN,NOT IN 判空:IS NULL, I ...

  7. 使用foreach需要判空。

    今天写代码的时候,需要遍历一个作为参数传递进来的容器, 当时顺手就加上了判空条件: if(null==list)return; 后来就像,不知道遍历(foreach)有没有帮我做这个工作: 下面看实验 ...

  8. jquery判空 string类型的日期比较大小

    jquery 判空 if(value.length<=0){  alert("kongzhi"); } jquery string类型的日期比较大小 var startTim ...

  9. jeecg中excel导出字段判空处理

    我们清楚,jeecg 导出 excel 采用的是 easypoi,不知道是否遇到过这种情况: 我们以一个实体属性为例: @Excel(name="问题分类",dicCode=&qu ...

随机推荐

  1. Ubuntu更新命令无法执行的，下一步该怎么办？

    对Linux的系统学习的更加深入,所以今天笔者正在Ubuntu20.04 LTS 上部署Sublime Text 的环境时 , 由于对操作的不熟悉,踩了一些坑.拿出来和大家分享. 正在我对照着官方文档 ...

  2. elasticsearch7.8.0，kibana7.8.0安装

    目录 Windows下安装Elasticsearch Linux下安装Elasticsearch docker下安装Elasticsearch Kibana安装 chrome ElasticSearc ...

  3. P4-可编程语言代码学习

    (1).behavioral-model 简称bmv2 P4程序首先经过p4c-bm模块编译成JSON格式的配置文件,然后将配置文件载入到bmv2中,转化成能实现交换机功能的数据结构. behavio ...

  4. 哈工大 计算机系统 实验一 Linux下C工具应用

    所有实验文件可见github 计算机系统实验整理 实验报告 实 验(一) 题 目 Linux下C工具应用 专 业 计算机学院 学 号 班 级 学 生 指 导 教 师 实 验 地 点 实 验 日 期 计 ...

  5. LeetCode-059-螺旋矩阵 II

    螺旋矩阵 II 题目描述:给你一个正整数 n ,生成一个包含 1 到 \(n^{2}\) 所有元素,且元素按顺时针顺序螺旋排列的 n x n 正方形矩阵 matrix . 示例说明请见LeetCode ...

  6. keepass实践

    参考软件教程 篇一:从入门到熟练:KeePass全网最详使用指南 运行之后快到来不及截图,就是这么速

  7. js-表格

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  8. 还在写SQL做SAP二开？通过RFC调用NetWeaver，让HANA数据库操作更可靠

    相比于从零开始构建全套信息化系统,基于成熟的ERP等行业软件做二次开发是更多中大型企业应对个性化软件需求的首选方案.如何在二开模块中,可靠地对成品软件的数据库进行读写操作,以满足单据自动创建.元数据自 ...

  9. GitLab 常用命令

    1. 进入本地仓库访问位置之后执行命令 1) 远程仓库相关命令检出仓库:$ git clone git://github.com/jquery/jquery.git查看远程仓库:$ git remot ...

  10. prometheus虚拟化安装脚本

    在线安装下载链接:https://files.cnblogs.com/files/blogs/705493/online_prometheus.sh 离线安装下载链接:https://files.cn ...