当前位置：首页 > news >正文

HTML之JavaScript运算符

news 来源：原创 2025/6/17 22:16:42

HTML之JavaScript运算符

       1.算术运算符
            +   -   *   /   %
                除以0，结果为Infinity
                取余数，如果除数为0，结果为NaN   NAN:Not A Number
        2.复合赋值运算符
            ++ +=  -=  *=  /=  %=
                /= 除以0，结果为Infinity
                %= 如果除数为0，结果为NaN   NaN:Not A Number
        3.关系运算符
            ==  !=  >   <   >=  <=  ===
            ==  如果两端的数据类型不一致，会尝试转换数据类型为number，再进行比较
            === 严格比较，数据类型不一致直接返回false,数据类型相同则会对比
        4.逻辑运算符
            &&  ||  !
        5.条件运算符
            ?:  (三目运算符)     语法：表达式1 ? 表达式2 : 表达式3  如果表达式1为真，执行表达式2，否则执行表达式3
        6.位运算符
            &   |   ^   ~   <<  >>  >>>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
            1.算术运算符
                +   -   *   /   %
                    除以0，结果为Infinity
                    取余数，如果除数为0，结果为NaN   NAN:Not A Number
            2.复合赋值运算符
                ++ +=  -=  *=  /=  %=
                    /= 除以0，结果为Infinity
                    %= 如果除数为0，结果为NaN   NAN:Not A Number
            3.关系运算符
                ==  !=  >   <   >=  <=  ===
                ==  如果两端的数据类型不一致，会尝试转换数据类型为number，再进行比较
                === 严格比较，数据类型不一致直接返回false,数据类型相同则会对比
            4.逻辑运算符
                &&  ||  !
            5.条件运算符
                ?:  (三目运算符)     语法：表达式1 ? 表达式2 : 表达式3  如果表达式1为真，执行表达式2，否则执行表达式3
            6.位运算符
                &   |   ^   ~   <<  >>  >>>
         */ 
        //算术运算符
        console.log(10/2); //5
        console.log(10/4); //2.5        
        console.log(10/0); //Infinity
        console.log(10%0); //NaN
        // 关系运算符
        console.log(10 == 10); //true
        console.log(1 == true); //true
        console.log(1 === true); //false
        console.log(10 == '10'); //true
        console.log(10 === '10'); //false
        console.log('true'==1);  //false
    </script>
</head>
<body>
    
</body>
</html>