美文网首页
JavaScript 三元运算符

JavaScript 三元运算符

作者: 喜欢桉树叶 | 来源:发表于2021-12-06 10:29 被阅读0次

三元运算符又称为三目运算符,指的是根据不同的条件,执行不同的操作/返回不同的值。
语法结构为:条件 ? 操作1 : 操作2。 如果条件为真,执行操作1,否则执行操作2。

(条件) ? 表达式1 : 表达式2

上面代码中,如果“条件”为true,则返回“表达式1”的值,否则返回“表达式2”的值。

var even = (n % 2 === 0) ? true : false;

上面代码中,如果n可以被2整除,则even等于true,否则等于false。它等同于下面的形式。

var even;
if (n % 2 === 0) {
  even = true;
} else {
  even = false;
}

这个三元运算符可以被视为if...else...的简写形式,因此可以用于多种场合。

var myVar;
console.log(
  myVar ?
  'myVar has a value' :
  'myVar does not have a value'
)
// myVar does not have a value

上面代码利用三元运算符,输出相应的提示。

var msg = '数字' + n + '是' + (n % 2 === 0 ? '偶数' : '奇数');

上面代码利用三元运算符,在字符串之中插入不同的值。

多条件的情况:

(条件) ? 表达式1 : 表达式2 ? 表达式3 : 表达式4;
// 如果条件为真执行表达式1,为假执行表达式2,如果表达式2为真,则执行表达式3,为假则执行表达式4

下面举一个计算可莱托指数的例子

/*
 * 计算可莱托指数:
 * klt=体重/(身高*身高)
 * klt>25 胖
 * <20 瘦
 * 正常
*/
var stature = 170;
var weight = 140;
var klt = weight/(stature*stature);
    klt = klt > 25 ? "胖" : klt < 20 ? "瘦" : "正常";
 document.write(klt);

javaScript简单入门:http://www.jsphp.net/js-jichu-basic/show-7-18-1.html

相关文章

  • review javascript 27:JS运算符

    JavaScript 运算符主要包括:· 算术运算符· 赋值运算符· 比较运算符· 三元运算符· 逻辑运算符· 字...

  • JS技巧

    # JS技巧 ** ## 三元运算符 新手 ```javascript let hungry = true; le...

  • 条件运算符

    条件运算符是JavaScript中功能最多的运算符它经常作为 if 语句的简洁形式来使用。 条件运算符是唯一的三元...

  • JavaScript判断

    JavaScript中有三种判断语句,分别是:if else, 三元运算符, switch case。其中if, ...

  • 常用的JavaScript简写技巧

    JavaScript 的简写技巧 变量声明 多个变量赋值 三元运算符 赋默认值 与运算符 (&&) 交换两个变量 ...

  • js5-11

    javascript第三章 1、运算符和表达式 1.三目运算符(三元运算符) 2、函数 1.函数:funct...

  • Javascript学习笔记——4.13 其他运算符

    条件运算符 ?:是javascript中唯一的三元运算符。 经典的场景是判断一个变量是否有定义 typeof 运算...

  • javascript 三元运算符的使用

    //使用三元运算符 //不使用三元运算符

  • 实用js

    1、单线 If-Else在 JavaScript 中,可以使用三元条件运算符来压缩 if-else 语句。例如: ...

  • JavaScript运算符_三元运算符(十)

    目录: 1.什么是三元运算符?2.三元运算符如何使用? 一、什么是三元运算符? 三元运算符其实是很方便很好用的一种...

网友评论

      本文标题:JavaScript 三元运算符

      本文链接:https://www.haomeiwen.com/subject/ndygxrtx.html