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效率会高(用空间换时间)!!!
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,033评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,725评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,473评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,846评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,848评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,691评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,053评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,700评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,856评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,676评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,787评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,430评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,034评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,990评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,218评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,174评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,526评论 2 343

推荐阅读更多精彩内容