JavaScript -- 总结 3 （小白）

最新推荐文章于 2024-10-10 10:50:43 发布

柿子来了

最新推荐文章于 2024-10-10 10:50:43 发布

阅读量554

点赞数 18

文章标签： javascript 前端

本文链接：https://blog.csdn.net/2301_78949452/article/details/140734545

版权

条件运算符

<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <script>
        // if(表达式){

        // }
        // 条件表达式 ? 如果表达式结果为true,执行这里的代码1 : 如果表达式结果为false,执行冒号后面的代码2 ;
        var num = Number(prompt('请输入一个数字'));
        num > 10 ? console.log(num + '大于10!!!!') : console.log(num + '小于10????');

        if (num > 10) {
            console.log(num + '大于10');
            console.log('哈哈!');
            console.log('呵呵!');
            console.log('嘿嘿!');
            console.log('呵呵!');
        } else {
            console.log(num + '小于10');
        }
    </script>
</body>

</html>

switch语句

<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <script>
        // switch(表达式){
        //     case 值1:
        //         语句1;

        //     case 值2:
        //         语句2;
        // }
        // switch语句 是一个多分支语句，
        // 用于根据表达式的值选择一个分支执行。

        var num = Number(prompt("请输入一个数字"));
        switch (num) {
            case 1:
                console.log("今天星期1");
                break;
                // 结束当前的代码块
            case 2:
                console.log("今天星期2");
                break;
                // 结束当前的代码块
            case 3:
                console.log("今天星期3");
                break;
                // 结束当前的代码块
            case 4:
                console.log("今天星期4");
                break;
                // 结束当前的代码块
            case 5:
                console.log("今天星期5");
                break;
                // 结束当前的代码块
            case 6:
                console.log("今天星期6");
                break;
                // 结束当前的代码块
            case 7:
                console.log("今天星期日");
                break;
                // 结束当前的代码块
            default:
                // 当上面所有的case都没有执行的时候 就会执行default下面的代码
                console.log(num + "不是星期");
                break;
        }
    </script>
</body>

</html>

while语句

<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <script>
        // while (表达式) {
        //     代码块1
        // }

        // 只要表达式成立 就会执行代码块1  并且 会一遍又一遍的重复
        var num = Number(prompt("请输入一个数字"));
        while (num >= 1) {
            console.log(num);
            num--;
        }


        do {
            // 代码块1
        } while (表达式);
        // 代码块 最少一定会执行一次  之后就会和while一样 只要表达式成立 才会执行
    </script>
</body>

</html>

continue语句

<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title>Docment</title>
</head>

<body>
    <script>
        // continue语句的作用是终止本次循环，接着进行下一次循环。

        // 过7游戏
        for(var i = 1; i < 100; i++){

          if(i % 7 == 0){
             console.log("过");
             continue;
          }
          console.log(i);
        }

    </script>
</body>

</html>

布尔类型的隐式转换

<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title>Docment</title>
</head>

<body>
    <script>
        // 流程控制语句会把后面的值隐式转换成布尔类型
        //转换为true   非空字符串  非0数字  true 任何对象
        // 转换成false  空字符串  0   null  undefined NaN  false

        var message;
        // 会自动把message转换成false
        if (message) {     
          // todo...
        }

    </script>
</body>

</html>

九九乘法表练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        for(var i=1; i<=9; i++){
            str = " ";
            for(var j=1; j<=i; j++){
                str = str +(j + '*' + i + '=' + i * j +' ');
            }
            //每一次，乘法 都要改变的数字 乘数
            console.log(str);
        }
    </script>
</body>
</html>

图片