js 第三天 运算符 if语句

303 阅读1分钟

js第三天

运算符

算术运算符

1.加**‘+’** 减**‘-’** 乘**‘*’** 除**‘/ ’** 取模(取余)‘%’

​ 求余=取模 获得整数 除法运算 获取除法元素后 剩下余数

​ 如果一行内 出现了多个算术运算符 , 先乘除后加减 如果有括号 就先算括号

<script> 
        //加法  求和
        console.log(16+6);  //22
        //减法  求差
        console.log(16-6);  //10
        //乘法  求积
        console.log(10*6);  //60
        //除法  求商
        console.log(18/6);  //3
        //取模、取余
        console.log(16%6);  //16/6=2余4 取余为4
</script>

2.圆的面积计算

Math.PI*r²

赋值运算符

1648390595066.png

一元运算符

​ 前置自增、自减

​ 后置自增、自减

<script>
        let i = 1 
        //++在前   先自增后执行
        console.log(++i + 2);  //4


        let i1 = 1
        //++在后  先执行 再自增
        console.log(i1++ +2);  //3 
        console.log(i1);
        console.log(i1 + 2);   //5
    </script>

比较运算符

1648390938658.png

注:=是赋值

​ ==是判断 值判断值 不判断类型

===是全等 即判断值也判断类型 开发中建议使用

比较运算符返回的结果只有 true 或者false

逻辑运算符

​ 逻辑与

​ && 一假则假(既要...又要...)

​ 逻辑或

​ || 一真则真(要么...要么...)

​ 逻辑非

​ ! 取相反的值(负负得正 负正得负)

<script>
        //逻辑与 &&

        //逻辑或 ||

        //逻辑非 !

        let num = 6;
        
        //既要大于5 又要小于10 
        console.log(num > 5 && num < 10); // true
        console.log(num > 5 && num < 4); // 一假则假  false


        let money = 10;
        // 一真则真
        console.log(money === 1 || money === 0  ||  money===10);  //满足一个条件 即true
        console.log(money === 1 || money === 0); // 所有条件都不满足 及false

        let gender = true; // true 男生
        console.log(gender); // true 
        console.log((!gender));  // 取反了 false 
    </script>

短路运算

利用逻辑与逻辑或的运算规则 判断代码如何执行

&& 左边为false就短路 不再往后执行

|| 左边为true就短路 不在往后执行

注:undefined null 0 空字符串 false NaN 这些值转换成布尔类型其实是false

条件语句

if语句
单分支

if (条件) {

执行的代码

}

 <script>
        let score = + prompt('请输入您的成绩')
        if (score > 700 ) {alert ("恭喜你,考上xxx学院!")}
  </script>
双分支

if (条件) {

执行的代码1

}else {

执行的代码2

}

<script>
        let score = prompt ('请输入成绩')
        if (score >=700) {
            alert ('恭喜考入北京大学')
        }
        else {
            alert ('恭喜考入蓝翔')
        }
</script>
多分支

if (条件1) {

执行的代码1

}if (条件2) {

执行的代码2

}if (条件3) {

执行的代码3

}else {

以上都不满足才执行的最后逻辑

}

<script>
        let time = +prompt ("请输入时间")
        if (time == 12 ) {
            alert ('吃中午饭')
        }
        else if  (time == 13 ) {
            alert ('睡觉')
        }
        else if  (time == 14 ) {
            alert ('学习')
        }
        else if  (time == 15 ) {
            alert ('休息十分钟')
        }
        else {
            alert ('睡大觉')
        }
    </script>
三元运算符

条件1 ? 满足条件了执行代码1 :条件2 ? 满足条件了执行代码2:都不满足执行该代码

<script>
        let num1 = +prompt('请输入第一个数值')
        let num2 = +prompt('请输入第二个数值')

        console.log( num1 > num2 ? num1 : num2 );
</script>
4月3日补充
switch-case 条件语句

类似if- else if -else

关键代码 switch case break default

<script>
        // switch-case 等同于 if-else   但是switch-case不能判断大于 小于
        let a = 5;
        switch (a) {
            case 1:
                console.log(`唱`);
                break;
            case 2:
                console.log(`跳`);
                break;
            case 3:
                console.log(`rap`);
                break;
        
            default:
                console.log(`躺平`);
                break;
        }
</script>