从0开始学web-day21-js03

最新推荐文章于 2024-09-19 11:17:39 发布

oxygen_ls

最新推荐文章于 2024-09-19 11:17:39 发布

阅读量1k

点赞数

分类专栏：前端 # js 文章标签： web学习从零开始学前端 javascript

本文链接：https://blog.csdn.net/oxygen_ls/article/details/122732781

版权

前端同时被 2 个专栏收录

47 篇文章 0 订阅

订阅专栏

18 篇文章 0 订阅

订阅专栏

1.复习
day20复习

2.赋值运算符

在js中=是赋值的意思
赋值运算符 += -= *= /= %= ++ –

    **3.三元运算符**
    三元运算符（三目运算符 三元表达式） 
    条件？ 值1：值2
    如果条件成立 执行值1 如果条件不成立 执行值2
    必然会有一个结果，相当于是二选一

4.位运算

//&位运算 都是1才能的到1
    //八位表示
    //5==== 0000 0101
    //3==== 0000 0011
    //1==== 0000 0001
    //      0000 0001 =89
    console.log(5&3);//1

    // | 位运算 有1就是1
    //5==== 0000 0101
    //3==== 0000 0011
    //1==== 0000 0001
    //      0000 0111
    console.log(5|3);//7

5.流程控制语句

//1.语法：if(条件){执行的语句}
    //只有当条件满足时才能执行{}里面的语句
    //2.语法if(条件){执行语句1} else{执行语句2} 可以用三元运算符代替
    //如果条件成立执行语句1 不成立执行语句2
    //3.语法：if(条件1){执行语句1} else if(条件2){执行语句2} else if(条件3){执行语句3}...else if(条件n){执行语句n}
    //符号哪个条件执行哪个语句 如果都不符合就都不执行
    //4.语法：if(条件1){执行语句1} else if(条件2){执行语句2} else if(条件3){执行语句3}...else if(条件n){执行语句n} else{执行语句n+1}
    //符合哪个条件就执行哪个条件 都不符合就执行else后面的执行语句
    //注意事项：1：如果执行语句只有一条可以省略{} 不建议

6.输入成绩返回等级

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<!-- 成绩单 -->
<script>
    //大于90 A
    //大于80 B
    //大于70 C
    //大于60 D
    //E

    var s = prompt("请输入成绩：");
    if(s >= 90) {
        console.log("A");
    } else if( s>= 80) {
        console.log("B");
    } else if(s >= 70) {
        console.log("C");
    } else if(s >= 60) {
        console.log("D");
    } else {
        console.log("E");
    }
</script>
</html>

7.switch

switch case 语句中如果没有break 会向下穿透直到switch语句结束
case 只能是确定的值不能写条件
case 必须是值相同数据类型也相同

8.条件语句的嵌套

  //条件嵌套必须同时满足所有条件
    var s = 20;
    if(s>=20) {
        console.log("满足条件");
        if (s>22) {
            console.log("你可以成家了");
        }
    } else {
        console.log("不满足条件");
    }

9.text

 //判断一个数是不是偶数
   /* var num = prompt("请输入一个数：");
    if (num%2==0) {
        console.log(num + "是偶数");
    } else {
        console.log(num + "不是偶数");
    }*/
    //判断一个整数是不是在某一个范围内
    /*var num = prompt("请输入一个数：");
    if (num>=10 && num<=20) {
        console.log(num+"在10-20之间");
    } else {
        console.log(num+"不在10-20之间");
    }*/
    //判断一个年份是不是闰年 能被4整除 但是不能被100整除 或者是400的倍数
    var year = prompt("请输入年：");
    if (year%4==0 && year%100!=0 || year%400==0) {
        console.log(year+"年是闰年");
    } else {
        console.log(year+"年是平年");
    }

10.循环语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        循环语句 for while do while for in（用于便利对象）
        循环：重复执行一段代码
        语法：for（1.初始值；2.条件；4.改变变量）{3.循环执行的语句}
     -->
</body>
<script>
    //for使用起来很方便 三个语句没有固定的限制
    //循环不结束 后边的语句不执行
    for(var i=1;i<=10;i++) {
        console.log("123");
    }
    //循环的初始可以定义在外部
    var i = 0;
    for(;i<5;i++) {
        console.log(i);
    }

    //循环语句可以一次都不执行
    //循环可以一直循环 死循环 条件一直为true
</script>
</html>

11.循环语句的嵌套

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    //嵌套if
    //找出10以内能够被3整除的数
    for(var i=0;i<=10;i++) {
        if (i%3==0) {
            console.log(i);
        }
    }
    //嵌套for 外层循环控制行 内层循环控制列
    for(var i=0;i<5;i++) {
        for(var j=0;j<5;j++) {
            // console.log("*");
            document.write("*");
        }
        document.write("<br>");
    }
    //*
    //**
    //***
    //****
    for(var a=0;a<=4;a++) {
        for(var z=0;z<=a;z++) {
            document.write("*");
        }
        document.write("<br>")
    }
</script>
</html>