前端学习第二阶段day02

最新推荐文章于 2024-07-12 16:55:56 发布

wuyuling111

最新推荐文章于 2024-07-12 16:55:56 发布

阅读量207

点赞数

分类专栏：二阶段学习笔记文章标签：前端学习 javascript

本文链接：https://blog.csdn.net/qq_58114686/article/details/126362563

版权

二阶段学习笔记专栏收录该内容

17 篇文章 0 订阅

订阅专栏

1.程序

程序=程序语句+数据结构+算法

程序语句：

var num //变量声明语句后面的“;”可加可不加，为规范一般不写

num=100//赋值语句

console.log(num)//控制台输出语句

alert(num)//函数调用语句【弹框语句】

2.逻辑分支语句【一般条件不超过三个】

if语句：

if(条件表达式){
    语句块
}

if--else语句：

if(条件表达式){
   语句块1
}else{
    语句块2
 }

if-- else if 语句：

 if(条件表达式){
       语句块1
 }else if{
        语句块2
 }

if语句嵌套：

 if(条件表达式){
      语句块
    if(条件表达式){
     语句块
    }
 }

3.switch多分支语句

语法：

switch(表达式){
    case 值1：{
        语句块1
        break
    }
    case 值2：{
        语句块2
        break
    }
    case 值3：{
        语句块3
        break
    }
    default:
        语句块
}

穿透：没有break就会继续往下执行

案例：

判断星期几
var week=4
switch(week%7){
    case 1:
        console.log("星期一")
    case 2:
        console.log("星期二")
    case 3:
        console.log("星期三")
    case 4:
        console.log("星期四")
    case 5:
        console.log("星期五")
    case 6:
        console.log("星期六")
    default：
        console.log("星期天")
}
/*控制台会输出星期一、星期二、星期三......*/

4.三目运算（三元运算）

1.概念

用两个符号组成的语句

2.作用

        等价于 if - else 语句：

        if(条件){

        语句块1

        }else{

        语句块2

        }

3.语法：

语法1：条件？语句1：语句2

语法2：var x=条件？值1：值2 ==>x=值1 /值2

5.单步调试

1.概念：

找程序错误bug的一种方式

让程序语句一条一条执行，观察程序语句执行输出情况

2.使用步骤

        1.启动浏览器

        2.检查找到sources【找不到就打卡more，找到相关工具，把sources相关工具添加即可】

        3.打断点

        4.watch可观察变量【把想要观察的变量输入观测其值的变化】

相关案例：

求23和34两个数的最大值，将最大值输出打印到控制台

<script>
 
    /*方法一*/
    var a=23
    var b=34
    if(a>b){
        console.log("两个数的最大值是：",a)
    }else{
        console.log("两个数的最大值是：",b)
        
    }
    /*方法二*/
    var a=23
    var b=34
    var max=a
    if(max<b){
        max=b
    }
    console.log("两个数的最大值是：",max)
    /*方法三*/
    var a=23
    var b=34
    a>b? console.log("两个数的最大值是：",a):console.log("两个数的最大值是：",b)

   </script>

求53，42和64三个数的最大值，将最大值输出打印到控制台(多种方法实现)

//    方法一
    var x=53
    var y=42
    var z=64
    var max=x
    if(max<y)
    {
        max=y
    }
    if (max<z) {
        max=z
    }
    console.log("三个数的最大值是："+ max)
// 方法二
    var x=53
    var y=42
    var z=64
    var max
    max=(x>y)?(x>z?x:z):(y>z?y:z)
    console.log("三个数的最大值是："+ max)
    // 方法三
    var x=53
    var y=42
    var z=64
    var max
    if(x>y){
        if(x>z){
            max=x
        }
        else{
            max=z
        }
    }else{
        if(y>z){
            max=y
        }
        else{
            max=z
        }
    }

判断一个整数，属于哪个范围：大于0；小于0；等于0

var num=4
  if(num>0){
     console.log(num+"大于0")
   }
   else if(num<0){
        console.log(num+"小于0")
    }else{
        console.log(num+"等于0")
    }

开发一款软件，根据公式（身高-108）*2=体重，可以有10斤左右的浮动。来观察测试者

    var height=158
    var weight=95
    var bzweight=(height-108)*2
    if(weight>bzweight+10){
        console.log("您该减肥啦！！！")
    }else if(weight<bzweight-10){
        console.log("多吃肉！！！")
    }else{
        console.log("您的身材很完美！")
    }

输入年份，计算某一年是否是闰年（闰年能被4整除并且不能被100整除，或者能被400整除）

    var year=2022
    if((year%4==0&&year%100!=0)|| year%400==0){
        console.log("该年是闰年哦！")
    }else{
        console.log("该年是平年")
    }

输入分数，判定成绩等级 (成绩对应等级 90-100:A级 80-89:B级 70-79:C级 60-69:D级其它:不合格)

 var score=99
    var grade
    switch (parseInt(score/10)) {
        case 10:
        case 9:
            grade='A'
            break
        case 8: 
            grade='B'
            break
        case 7:
            grade='C'
            break
        case 6:
            grade='D'
            break
        default:
            grade='不合格'
            break
    }
    console.log(score+"的成绩等级为"+grade)

输入年份和月份，显示该年当月的天数，利用case穿透简化代码

    var year=2022
    var month=8
    var day
    switch(month){
        case 1:
        case 3:
        case 5:
        case 7:
        case 8:
        case 10:
        case 12:
            day=31
            break
        case 4:
        case 6:
        case 9:
        case 11:
            day=30
            break
        case 2:
            if((year%4==0&&year%100!=0)||year%400==0){
                day=29
            }
            else{
                day=28
            }
            break
    }
    console.log(year+"年的"+month+"月有"+day+"天")