运算符及表达式及条件控制语句的学习

m0_74186355

于 2023-02-07 16:36:48 发布

阅读量98

点赞数

文章标签： javascript Powered by 金山文档

本文链接：https://blog.csdn.net/m0_74186355/article/details/128920586

版权

运算符

1.算术运算符

在加法的时候如果出现字符串那么返回的绝对会是一个字符串（字符串拼接操作）

在其他相关的操作的时候会强制将其他的类型转为number类型再进行运算

如果在基础运算中没有出现字符串而出现了NaN 那么结果必定是NaN (NaN不能进行算术运算)

++和--前后置的区别

++ 是自增（在原本的基础上加1且改变原本值） -- 是自减（在原本基础上减1且改变原本值）

++前置是先进行加1的操作再执行后续的代码 ++后置先执行本行的代码再进行加1的操作

2.逻辑运算符

&& 全部都为true才是true 取得是最后一个true 只要一个为false那么对应的结果就是false 取得是第一个false

|| 只要有一个是true 结果就是true 那么取得是第一个true 全部为false结果才为false 取得是最后一个false

！进行boolean类型的强制转换取反将true变false false变为true

短路与 && 遇到false后，后面的不执行短路或 || 遇到true后，后面的不执行

比较运算符

返回的值都是boolean类型的值

“1” == 1 比较值 “1”！== 1 比较值的同时比较类型

NaN！=NaN

出现NaN大部分都是false （!=）

任意类型和数值进行比较会被转为数值

字符串和字符串比较那么比较的是acsii码（从第一位开始比较大写A 65 小写a 97）

赋值运算符

赋值运算最后执行

+= -= *= ...都是会在原本的基础上进行赋值

位运算符

< > / % ..

三目运算

书写格式：boolean值?true的结果:false的结果

var a = 1+2>3?10:-10 //a的结果为-10
var i = 1?20:30 //20

表达式

表达式就是由运算符拼接的公式

算法运算符拼接的表达式算术表达式

<script>
    1+1+1
</script>

比较运算符拼接的表达式条件表达式（转为boolean类型）

<script>
    1+1>1
</script>

逻辑运算符拼接的表达式关系表达式

1+1>2 && 1+2=3

示例：

var n = 20
n++
var i = 10+29+(++n)-(n++)/10+30%7-5*3>10 && 20-15*29/18>13-(n++)/n+''+109 ? 18-(2-4)*3+undefined-true+(n++) :  n-(n++)*3+false+true //-47
console.log(n)//25

条件控制语句

概述：

程序控制语句所有的语言都具备，主要分为循环控制语句（循环执行）和条件控制语句（根据不同的条件执行不同的内容）

常用的条件控制语句

if else （传递条件表达式根据条件表达式来判断）

switch case （空间复杂度大于if else 时间复杂度小于if else 传入一个值根据来进行匹配）

if else

if(条件表达式){
    //条件满足执行的内容
}else{
    //条件不满足执行的内容
}

示例（判断一个数值是否奇数还是偶数）：

//prompt 弹窗输入框返回的是你的输入值 他的类型是string
var n = prompt('请输入你需要验证的数值')
if (n % 2 == 0) {
    console.log('是偶数')
} else {
    console.log('是奇数')
}

else if （多条件）

//else if
//用于判断的方法 isNaN
if(isNaN(Number(n))){
    console.log('输入出错')
}else if (n % 2 == 0) {
    console.log('是偶数')
} else {
    console.log('是奇数')
}

if else 只会进入第一个找到的满足条件的内容

//if else 只会进入其他的第一个满足的条件 后续的不执行
if(2>1){
    console.log('进来了')
}else if(3>2){
    console.log('来玩玩')
}

示例（输入的范围为100-999之间，判断一个数是否为水仙花数（153等于1的三次方+5的三次方+3的三次方 = 153））：

var n = prompt('请输入100-999之间的数值')
if(n>=100 && n<=999){
    //if else嵌套
    //取每一位的值
    var a = n%10 //个数
    var b = parseInt(n%100/10)//十位
    var c = parseInt(n/100)//百位
    if(a*a*a + b*b*b + c*c*c == n){
        console.log('是水仙花数')
    }else{
        console.log('不是水仙花数')
    }
}else{
    console.log('输入出错')
}

if else的嵌套

if else 允许多层嵌套但是建议嵌套层级不要超过俩层

if(条件表达式){
    //true的时候走的
    if(条件表达式){
        ....
    }else{
        //false的时候走的
    }
}else{
    //false的时候走的
}

示例（奇偶性）：

var n = prompt('请输入你需要验证的数值')
//用于判断的方法 isNaN
if(!isNaN(Number(n))){
    if (n % 2 == 0) {
        console.log('是偶数')
    } else {
        console.log('是奇数')
    }
}else {
    console.log('输入出错')
}

示例2（输入一个数判断是否为3的倍数以及是否是15的倍数在1到999之间））

// 输入一个数 判断是否为3的倍数 以及是否是15的倍数（1-999）
<script>
    var n = prompt('请输入一个数值');
        if(n>=1 && n<=999){
            //取余3 取余15
            if(!(n%3)){//值为0的情况下进入 整除3
                console.log('是3的倍数');
                if(n%15==0){
                //是否为15的倍数
                console.log('是3,15的倍数');
                }else{
                    console.log('是3的倍数，但不是15的倍数');
                }
            }else{
                console.log('不是3的倍数，也不是15的倍数');
            }
        }else{
            console.log('请输入1-999范围的数字');
        }
</script>

注意事项：

if else他只会进入其中的一个条件中不会同时进入俩个同级的代码块

if 里面的条件可以为表达式也可以为数值，但是都会被强制转换为boolean类型

if else可以嵌套多层一般建议嵌套不超过俩层（可读性可维护性）

switch case

switch(值){
    case 值1:
        执行的代码
        break
    case 值2:
        执行的代码
        break
    ...
    default:
        上面都不满足的默认的执行代码
}

示例（根据输入的指令打印对应的操作）：

/*
某个空调有对应的开关 当你按下的开关键为1号键的时候 执行加热操作
按下2号键 执行制冷操作
按下3号键 执行通风操作
按下的键为其他 不执行操作
*/
var code = prompt('请输入你需要执行的指令')
switch (Number(code)) {
    case 1://单独的分支
        console.log('正在执行加热操作')
        break //break 跳出 结束这个switch块 后续的不再执行
    case 2:
        console.log('正在执行制冷操作')
        break
    case 3:
        console.log('正在执行通风操作')
        break
    default:
        console.log('错误指令 不执行操作')
}

switch 的值比对用到的是=== 必须要类型和值都一致

每个case块都是一个分支如果没有break那么会进入下一个分支

多个分支可以执行一个操作

break用于跳出switch块那么后续的分支不再执行

switch 不适用于范围内的比对

default 默认的执行上面都不满足的情况下执行

switch块允许多层嵌套

switch(n){
    case 值1:
        switch(i){
            case 值1:
                ...
                break
        }
        break
    case 值2:
        ....
    default:
        ...
}

示例（判断一个输入值的奇偶）：

var n = prompt('请输入值')
//判断是否输入正确
switch(isNaN(Number(n))){
    case true:
        switch(n%2){
            case 0:
                console.log('偶数')
                break
            case 1:
                console.log('奇数')
                break
        }
        break
    case false:
        console.log('输入出错')
}

示例2（成绩表输入对应的成绩 60分为及格 70分为一般 80分为良好 90 分为优秀 100分为🐂plus 其他分数输入无法判断）：

switch(prompt()-0){
    case 60:
        console.log('及格')
        break
    case 70:
        console.log('一般')
        break
    case 80:
        console.log('良好')
        break
    case 90:
        console.log('优秀')
        break
    case 100:
        console.log('🐂plus')
        break
    default:
        console.log('输入错误')
}

示例3（LOL 小学生之手 Q 大杀四方 W 致残打击 E 无情铁手 R 诺克萨斯断头台 A 鼠标点击平A 其他键 defeat）：

switch(prompt()){
    case 'Q':
        console.log('大杀四方')
        break
    case 'W':
        console.log('致残打击')
        break
    case 'E':
        console.log('无情铁手')
        break
    case 'R':
        console.log('诺克萨斯断头台')
        break
    case 'A': case 'click': 
        console.log('平A')
        break
    default:
        console.log('defeat')
}