JS条件控制语句及表达式

运算符及表达式

1)()前面不能直接写++

console.log(++(a--));  //() 不能和++ 一起使用

2)字符串和数值进行比较(字符串会自动转为数值)

  //字符串和数值进行比较
  console.log(1 > 2); //false
  console.log('123' > 213); //false 自动转为number
  console.log('123A' > 213); //false 

3) 出现NaN 一般都是false

console.log(NaN==NaN);//false

4) undefined是null的派生所以对应的值是相等的

//undefined(null的派生子类) 和 null
  console.log(undefined==null);//true
  console.log(undefined===null);//false

5) 字符串和字符串进行比较 (第一位ASCII码比较 A 65 a 97)

//字符串和数值进行比较
console.log(1>2);//false
console.log('123'>213);//false 自动转为number
console.log('123A'>213);//false 自动转为number  不能转就会出现NaN 

6)布尔类型的值和null进行比较

//boolean类型的值和null进行比较 自动转数值(出现      NaN是false)
console.log(true>null);//(1>0) true
console.log(true>undefined);//(1>NaN )  false
// 将un为number类型
var un
    console.log(Number(un)) //NaN
    console.log(Number(null)) //0

7)恒等 这个俩个东西是一个东西(值相等 + 类型相同)

console.log(Number(true)==1); //true
console.log(Number(true)===1); //true
console.log(Boolean(0)===false); //true

9)null值及undefined跟0进行比较

//undefined和0进行比较
console.log(undefined == 0);//NaN false
//null是空对象引用,对应的是一个 引用类型 
//(null是什么都没有 ,而0是占据空间的)
console.log(null == 0); //false

逻辑运算符

逻辑运算符 : && 短路与 &断路与 || 短路或 |断路或 !(取非)
&& 所有的同时满足才为真, 只要前面有一个是假,后面的就不会看了
|| 只要有一个为真则为真, 只要前面有一个是真,后面的就不会看了

  var a = 10, b = 20,c = 30;
    //有一个是ture就是ture 不看后面的
    console.log(a > b || b < c); //ture
   //前一个是false就是false 不看后面的
    console.log(a > b && b < c); //false
    console.log(c > b && b < c); //ture

    //! 取反
    console.log(!(a > b || b < c)); //false (!ture)

    // || !!!有一个是ture 就是ture 就取ture
    console.log(a > b || 20); //20
    var i = 0 || 20
    console.log(i); //20

    // || 两个都是ture 取前面的一个为ture的
    var str = ' ' || "flase" || "ture"
    console.log(str);//false(' '为false)

    // || 两个都是false 取后面的一个
    var str = ' ' || undefined
    console.log(i); //undefined
    var i = 0 || undefined
    console.log(i); //undefined
    var str = 0 || ' '
    console.log(str); // ' '

    //&& 出现false ,直接取flase  ;都是ture, 取最后一个
    var str = undefined && ' '
    var str1 = 10 && 20
    var str2 = 0 && ' '
    var str3 = !123
    console.log(str); //undefined
    console.log(str1); //20
    console.log(str2); //0
    console.log(str3); //false (!ture)

表达式的概念:

由运算符和操作数(变量或常量)组成的式子:

算术运算符组成的式子叫算术表达式, 如:2+3;
关系运算符组成的式子叫关系表达式或者条件表达式, 如:a>5;
逻辑运算符组成的式子叫做逻辑表达式, 如:a&&b

运算符优先级(从上到下执行)

运算符优先级.png

程序控制语句

1)if语法:
if(条件表达式(boolean类型的值){
需要执行的代码
}else if(条件表达式){
需要执行的代码
}else{ //上面的都不满足的情况下
需要执行的代码
}

    var height = prompt('请输入你的身高'); //输入值为
    string类型
    if (!(height * 1)) {
        console.log('好好输入 莫搞咯');
    } else if (height > 230 || height < 100) {
        console.log('hei 回炉重造吧');
    } else if (height >= 170) {
        console.log('恭喜恭喜');
    }else{
        console.log('回炉重造吧');
    }
    //进行比较运算时,会转为number类型比较,通过ture or false 再输出结果
  //习题练习
 //1.判断一个整数属于哪个范围?
    var num = prompt("输入一个整数");
    if (num > 0) {
        alert("num大于0");
    } else if (num < 0) {
        alert("num小于0");
    } else {
        alert("num等于0");
    }
    // 2.判断一个数是基数还是偶数
    var num = prompt("输入一个数");
    if (num % 2 == 0) {
        alert("这是一个偶数");
    } else {
        alert("这是一个奇数");
    }
    //3.(身高-108)*2=标准体重
    var height = prompt("输入你的身高");
    var weight = prompt("输入你的体重");
    var weights = (height - 108) * 2;
    if ((weights - 10 <= weight) && (weights + 10 >= weight)) {
        alert("标准体重");
    } else {
        alert("可以考虑一下健身");
    }

    //4.圆的半径r,圆的面积是?S=pi*r*r
    var r = prompt("输入半径")
    // var s = pi * r * r; 
    // var s = Math.PI * r * r;
    var s =Math.pi*math.pow(r,2)
    if (Number(r > 0)) {
        alert(s.toFixed(3));
    } else {
        alert("输入错误");
    }
    //5.判断是否为闰年?
    var year = prompt("输入一个年份");
    if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
        alert("这是闰年");
    } else {
        alert("这是平年");
    }
    //6.输入成绩,显示奖励 || score>0 || score
    var score = prompt("输入成绩");
    if (score == 100) {
        alert("爸爸买辆车");
    } else if (score >= 90) {
        alert("妈妈买MP4");
    } else if (score >= 60) {
        alert("妈妈买本书");
    }else{
        alert("啥也没有");
    }
    //7.会员折扣
    var discount = prompt();
    if (discount >= 8000) {
        alert("打6折");
    } else if (discount >= 4000) {
        alert("打7折");
    } else if (discount >= 2000) {
        alert("打8折");
    } else {
        alert("打9折");
    }

2)switch语法:
switch(表达式){
case 值(常量): 操作 break;
case 值: 操作 break;
case 值: 操作 break;
default: 当上面都不满足的情况下才执行默认的操作
}

  //=== 判断 值+类型
    var f = prompt()
    switch (f) {
        case "apple":
            alert("这是苹果");
            break;
        case "banana":
            alert("这是香蕉")
            break;
        case "orange":
            alert("这是橙子")
            break;
        default:
            alert("重新输入哦")
    }

总结

  • if 后面不一定要带else或者else if
  • if里面的表达式如果不是对应的boolean的表达式 他会强制转换为boolean类型(自动转换)
  • if 里面可以嵌套if 以及相关的内容(else else 都可以嵌套的)
  • switch 里面填写的表达式是会返回值 这个值一般是常量
  • switch里面有case和对应的default case表示一个个的选项 对应的default表示默认选项
  • 多个case可以在一行书写 表示对应的处理语句是一个
  • break用于跳出整个代码块 跳出switch (也可以跳出循环的代码块)
  • switch必须要有规定的值的时候才有 他不会使用到有区间的内容(比对是恒等比对)
  • if 是可以使用区间值 也可以使用固定值
  • if效率和switch效率 从一行代码区分对应的来说 if效率会高点 多行代码区分 switch效率会高(用空间换时间)!!!
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容