一、常用方案

直接判断

代码

<!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. ASP.NET Core 6框架揭秘实例演示[14]：日志的进阶用法

    为了对各种日志框架进行整合,微软创建了一个用来提供统一的日志编程模式的日志框架.<日志的基本编程模式>以实例演示的方式介绍了日志的基本编程模式,现在我们来补充几种"进阶" ...

  2. WIN10:字体文件路径

    比如编程时要用到Arial字体,Arial的字体绝对路径为 C:\Windows\Fonts\Arial.ttf 注意字体文件的后缀都是ttf

  3. CPU长指令(VLIW)失败的主要原因是什么，VLIW真的无药可救吗？

    software和hardware之间总是存在tradeoff:要么是hardware结构复杂,software灵活.要么是hardware结构保持简洁清晰,software干一些脏活累活.VLIW就 ...

  4. Python——函数设计与案例

    函数设计与案例 一. 函数的定义与调用 如果在开发程序时,需要多次使用某块代码,但是为了提高编写的效率以及代码的重用,所以把具有独立功能的代码块组织为一个小块,这就是函数 打印如下 print('人生 ...

  5. CSS样式下划线

    样式之文字下划线 第一 text-decoration: underline; 缺点是不好修改颜色 不要修改下划线的位置,优点就是一行代码解决 可以使用line-height: 20px; 也能调整位 ...

  6. tensorflow源码解析之framework-resource

    目录 什么是resource 如何使用resource 如何管理resource 常用resource 其它结构 关系图 涉及的文件 迭代记录 1. 什么是resource 我们知道,TF的计算是由设 ...

  7. 记一次mybatis-plus遇到的问题

    在用了 springboot 和 mybatis-plus很久之后, 有一天突然看到配置文件有点繁杂, 想将相同的配置拉到application.yml里, 就在将配置拉过去后, 问题就开始出现了. ...

  8. AT2300题解

    两种做法都说一说吧... 题意很明确. 1.数论分块 对于一个 \(d\) 和给定的 \((l,r)\),\((l,r)\) 对其造成贡献的条件很明显是 \(\lfloor \frac {l-1} d ...

  9. VuePress 博客优化之增加 Vssue 评论功能

    前言 在 <一篇带你用 VuePress + Github Pages 搭建博客>中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档. 本篇讲讲 ...

  10. Django-Multitenant，分布式多租户数据库项目实战(Python/Django+Postgres+Citus)

    Python/Django 支持分布式多租户数据库,如 Postgres+Citus. 通过将租户上下文添加到您的查询来实现轻松横向扩展,使数据库(例如 Citus)能够有效地将查询路由到正确的数据库 ...