2021/9/7-CSDN博客

本文链接：https://blog.csdn.net/m0_55786512/article/details/120167757

这篇博客详细介绍了JavaScript的基础操作，包括一元运算符、算术运算符、比较运算符和逻辑运算符的使用，以及特殊语法和流程控制符的示例。通过实例展示了如何进行变量自增自减、数值转换、逻辑判断以及流程控制语句如if和for的应用。

摘要由CSDN通过智能技术生成

#8：30-9：00 签到打卡

#9：30-12：00 观看javaweb视频

#14：00-18：00 写qq项目

1.一元运算符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>一元运算符</title>
    <script>
        /*1.一元运算符
        ++，--，+，-;
        * */
        var a=3;/*自增自减跟java类似 */
        var b=a++;
        document.write(a+"<br>");
        /*4*/
        document.write(b+"<br>");
        /*3*/
        /*+-号，在正负号可以将其他类型转换成number*/
        var a=-"100";
        document.write(a+"<br>");
        /*数字型 ：-100*/
        var b=+"abc";
        document.write(b+"<br>");
        /*数值型 ：NaN*/
        var a=+false;
        document.write(a+"<br>");
        /*true转为1，flase转为0*/
    </script>
</head>
<body>

</body>
</html>

2.算数运算符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>算数运算符</title>
    <script>
        var a=3;
        var b=4;
        document.write(a+b+"<br>");
        document.write(a-b+"<br>");
        document.write(a*b+"<br>");
        document.write(a/b+"<br>");
        document.write(a%b+"<br>");
        /*与java相似结果 7 -1 12 0.75 3*/
    </script>
</head>
<body>

</body>
</html>

3.比较运算符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>比较运算符</title>
    <script>
        document.write((3>4)+"<br>");/*类型相同，直接比较，返false*/

        document.write(("abc">"abb")+"<br>") /*字符串类型相同，按字符串字典顺序比较，返true*/

        document.write(("123"==123)+"<br>")/*类型不同，转成相同类型比较，返true*/

        document.write(("123"===123)+"<br>")/*全等于，先比较类型，类型不同返false，如果相同，在比较数字，结果返false*/
    </script>
</head>
<body>

</body>
</html>

4.逻辑运算符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>逻辑运算符</title>
    <script>
        /*
        * 逻辑运算符
        * &&: 与(短路)
        * ||: 或(短路)
        * !: 非
        * 运算与java类似
        * */
        var a=true;
        document.write(!!a+"<br>");/*结果为true*/
        document.write("<hr>");

        var a=3;
        var b=0;
        var c=NaN;/*数字转boolean，0和NaN为false，其他为true*/
        document.write(!!a+"<br>");/*true*/
        document.write(!!b+"<br>");/*false*/
        document.write(!!c+"<br>");/*false*/
        document.write("<hr>");

        var a="ad";
        var b="";/*字符串转Boolean，空串为false，其他为true */
        document.write(!!a+"<br>");/*true*/
        document.write(!!b+"<br>");/*false*/
        document.write("<hr>");

        var a=null;
        var b;
        var c=new Date();/*null和undefined为flase，object为true */
        document.write(!!a+"<br>");/*false*/
        document.write(!!b+"<br>");/*false*/
        document.write(!!c+"<br>");/*true*/
        document.write("<hr>");
    </script>
</head>
<body>

</body>
</html>

5.特殊语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>特殊语法</title>
    <script>
        /*语句以;结尾，如果一行为一条语句，可以省略;号 */
        var a/*可以*/
        /*var a var b   错误因为有两条语句*/

        /*变量以var开头，var可以省略,省略后它变为全局变量*/
        var a;
        a;/*正确，var可以省略 */
        function f() {
            var s=6;
        }
        f();
        /*document.write(s);无法显示*/
        function f1() {
            s=8848;
        }
        f1();
        document.write(s);/*显示8848，因为s为全局变量*/
    </script>
</head>
<body>

</body>
</html>

6.流程控制符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>流程控制符</title>
    <script>
        /*流程控制符有if，switch，while，for。
            判断值可以为任意类型*/
        if(1){/*可以执行*/
            alert("1");
        }

        if("123"){/*可以执行*/
            alert("2")
        }

        var a;
        switch(a){
            case 1:alert("namber");break;
            case "abc":alert("string");break;
            case null:alert("null");break;
            case undefined:alert("undefined");break;
        }/*返undefined*/

        /*计算1-100的和*/
        var sum=0;
        for(var i=0;i<101;i++){
            sum+=i;
        }
        alert(sum);/*返5050*/
    </script>
</head>
<body>

</body>
</html>