08-JavaScript基础-逗号和三目运算符

逗号运算符

  • 在JavaScript中逗号“,”也是一种运算符,称为逗号运算符。 其功能是把多个表达式连接起来组成一个表达式, 称为逗号表达式。

    • 一般形式形式: 表达式1,表达式2,… …,表达式n;
    • 例如: a = 1 + 1,b = 3 * 4, c = 10 / 2;
  • 求值过程

    • 表达式1,表达式2,… …,表达式n;
    • 逗号表达式的运算过程是:先算表达式1,再算表达式2,依次算到表达式n
    • 整个逗号表达式的值是最后一个表达式的值
      var a, b, c, d;
      /*
      1.先计算表达式1, a = 2
      2.再计算表达式2, b = 12
      3.再计算表达式3, c = 5
      4.将表达式3的结果返回给d
      */
      d = (a = 1 + 1,b = 3 * 4, c = 10 / 2);
      console.log(d); // 5
      
  • 逗号运算符使用注意

    • 程序中使用逗号表达式,通常是要分别求逗号表达式内各表达式的值,并不一定要求整个逗号表达式的值
    • 并不是在所有出现逗号的地方都组成逗号表达式,例如在变量说明中,函数参数表中逗号只是用作各变量之间的间隔符。
    var a, b, c;  //这里的逗号只是分隔符
    function sendMessage(num, content) { //这里的逗号只是分隔符
          console.log(num, content);
     }
    
  • 练习

    求变量b的值
    var a, b;
    b = (a=4, ++a, a * 7);

三目运算符(条件运算符)

  • 格式: 条件表达式 ? 语句1 : 语句2;

  • 求值规则:

    • 如果条件表达式为true,则执行语句1,并返回执行结果
    • 如果条件表达式为false,则执行语句2,并返回执行结果
      // 弹第一个
      true?alert("语句1") : alert("语句2");
      // 弹第二个
      false?alert("语句1") : alert("语句2");
      
  • 注意点:

    • 条件运算符?和:是一对运算符,不能分开单独使用
    • 如果条件的表达式的求值结果是一个非布尔值, 会将其转换为布尔值然后在运算
      // 弹第二个
      null?alert("语句1") : alert("语句2");
      // 弹第一个
      "abc"?alert("语句1") : alert("语句2");
      
  • 练习

//    用户从输入三个整数,找出最大值,然后输入最大值
//    1.定义三个变量, 用于保存用户输入的三个整数
    var a, b, c;
//    2.利用window.prompt接收用户输入的数据
//    注意点: 通过prompt返回给我们的数据是String类型, 需要转换为Number
//    利用Number函数和+效果一样
    a =  Number(window.prompt("请输入内容")); 
    b =  +(window.prompt("请输入内容")); 
    c =  +(window.prompt("请输入内容")); 
//    3.定义一个变量保存最大值
    var max;
    /*
//    4.利用三目运算符进行两两比较
    max = a > b ? a : b; // 9 > 6 ? 9 : 6; max = 9;
//    如果关系运算符两边都是字符串, 不会转换为数值, 而是比较Unicode码
    max = max > c ? max : c; // 9 > 10 ? 9 : 10; max = 10;
    */
    // 企业开发中并不是代码越少越好,如下方式(a > b ? a : b)需要计算两次, 性能没有上面一种方式好, 并且阅读性也不如上面一种方式
    max = (a > b ? a : b) > c ? (a > b ? a : b) : c;
    console.log(max);

学习交流方式:
1.微信公众账号搜索: 李南江(配套视频,代码,资料各种福利获取)
2.加入前端学习交流群:
302942894 / 289964053 / 11550038

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

推荐阅读更多精彩内容