JavaScript语法_逻辑运算符和JavaScript语法_三元运算符

JavaScript语法_逻辑运算符：

逻辑运算符：

&&:与(短路)

||:或(短路)

！:非

其他类型转boolean：

1. number:0或NaN为假，其他为真

2. string:除了空字符串(" ")，其他都是true

3. null&undefined :都是false

4.对象:所有对象都为true

代码实现：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JS逻辑运算符</title>
    <!--内部JS-->
    <script>

        //boolean类型
        let flag = true;
        document.write(flag+"<br>");
        document.write(!flag+"<br>");

        //水平线
        document.write("<hr>");

        //number类型
        let num = 3;
        let num2 = 0;
        let num3 = NaN;
        document.write(!!num+"<br>");
        document.write(!!num2+"<br>");
        document.write(!!num3+"<br>");

        //水平线
        document.write("<hr>");

        //string类型
        let str1 = "abc";
        let str2 = "";
        document.write(!!str1+"<br>");
        document.write(!!str2+"<br>");

        document.write("<hr>");

        //null & undefined
        let obj = null;
        let obj2;
        document.write(!!obj+"<br>");
        document.write(!!obj2+"<br>");

        //null & undefined
        let date = new Date();
        document.write(!!date+"<br>");

        //水平线
        document.write("<hr>");

        //判断
        obj = "123";
        if (obj != null && obj.length > 0){//防止空指针异常
            alert(123);
        }

        //js中可以这样定义，简化书写
        if (obj){//防止空指针异常
            alert(111);
        }
    </script>
</head>
<body>

</body>
</html>

 

 

 

 

JavaScript语法_三元运算符：

?︰表达式

var a = 3;

var b = 4;

var c = a > b ?1:0;

语法:

表达式?值1:值2;

判断表达式的值，如果是true则取值1，如果是false则取值2;

代码实现：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JS三元运算符</title>
    <!--内部JS-->
    <script>

        //三元运算符计算
        let a = 3;
        let b = 4;

        //最终计算结果
        let c = a > b ? 1:0;

        //弹窗输出
        alert(c);

    </script>
</head>
<body>

</body>
</html>

 

posted @ 2022-11-18 16:52  冰灵IT  阅读(30)  评论(0)    收藏  举报