JavaScript语法-逻辑运算符、三元运算符

JavaScript语法-逻辑运算符

&&　||　!

其他类型转换Boolean：

1、number：0或NaN为假，其他为真

2、string：除了空为字符串（" "），其他都是true

3、null&undefined：都是false

4、对象：所有对象都为true

代码案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>逻辑运算符</title>
    <script>
        var flag = true;
        document.write(flag + "<br>");
        document.write(!flag + "<br>");
        document.write("<hr>");

        var num1 = 3;
        var num2 = 0;
        var num3 = NaN;
        document.write(!!num1 + "<br>");
        document.write(!!num2 + "<br>");
        document.write(!!num3 + "<br>");
        document.write("<hr>");

        var str1 = "abc";
        var str2 = "";
        document.write(!!str1 + "<br>");
        document.write(!!str2 + "<br>");
        document.write("<hr>");

        var  obj1 = null;
        var  obj2;
        document.write(!!obj1 + "<br>");
        document.write(!!obj2 + "<br>");
        document.write("<hr>");

        var  data = new Date();
        document.write(!!data + "<br>");
        document.write("<hr>");

        obj1 = "123";
        // 防止空指针异常
        if (obj1 != null && obj1.length > 0){
            alert(123);
        }
        // js中就可以这样定义，简化书写
        if (obj1){
            alert(111);
        }
    </script>
</head>
<body>

</body>
</html>

运行结果：

JavaScript语法-三元运算符

语法：

表达式？　值1：值2；

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

代码案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>三元运算符</title>
    <script>
        var a = 3;
        var b = 4;
        var c = a > b ? 1:0;
        alert(c)
    </script>
</head>
<body>

</body>
</html>