typescript 中的三元运算符-ag捕鱼王app官网

在本文中，我们将简要介绍 typescript 中的不同运算符，并讨论三元运算符以及如何使用它们。

typescript 运算符

软件应用程序旨在处理数据。因此，他们设计了一种对这些数据执行不同操作的方法。

每个操作都使用一个或多个数据值并生成最终结果。这些操作可以分为不同的组。

typescript 中的操作数和运算符

通常，运算符对至少一个称为操作数的数据值进行操作。例如，在表达式 500 200 中，值 500 和 200 是两个操作数，而 是运算符。

在 typescript 中可以看到几个运算符。这些可以根据每个运算符操作的性质进行分组，例如算术、逻辑、按位、关系等。

此外，可以根据每个运算符期望的操作数数量对这些运算符进行分组。二元运算符有两个操作数，如下所示。

例子：

x * y
20 / 2

一元运算符只接受一个操作数。

例子：

x  
y--

typescript 语言支持对三个操作数进行操作的三元运算符；它是 if...else 语法的缩短格式。我们称之为 typescript 条件运算符。

在 typescript 中使用三元运算符

typescript 条件运算符采用三个操作数。首先是要评估的条件；它可以被识别为通常的 if...else 语法中的 if() 部分。

接下来的两个操作数是要根据评估条件结果执行的两个表达式。因此，第二个操作数是当条件评估为真时要执行的表达式。

否则，返回第三个操作数表达式。

语法：

 ?  : 

其中，

条件运算符是 typescript 语言中唯一可用的三元运算符。

让我们编写一个 typescript 代码来检查用户的年龄，它将根据该年龄返回一条消息。首先，我们将使用普通的 if...else 编写条件逻辑。

const max_allowed_age = 18;
let userage = 15;
let finalmessage = '';
if( userage >= max_allowed_age ) {
    finalmessage = 'you are allowed to this site';
} else {
    finalmessage = 'get back!!'
}
console.log(finalmessage);

输出：

使用三元运算符可以更紧凑地编写相同的逻辑。

const max_allowed_age = 18;
let userage = 15;
let finalmessage = userage >= max_allowed_age ? 'you are allowed to this site' : 'get back!!';
console.log(finalmessage);

你将获得与上述 if...else 逻辑相同的输出。这比 if...else 语法的行数更少，并且更简洁。

在 typescript 中使用三元运算符实现嵌套条件

三元运算符不限于单个条件。它还支持多种条件。

让我们看看嵌套的 if...else 条件逻辑，如下所示。

let studentmark = 68;
const grade_a_mark = 75;
const grade_b_mark = 61;
let finalmessage = '';
if( studentmark >= grade_a_mark ) {
    finalmessage = 'great work!';
} else if(studentmark >= 61 && studentmark < 75) {
    finalmessage = 'good work!';
} else {
    finalmessage = 'study more!!!';
}
console.log(finalmessage);

输出：

让我们使用三元运算符编写上面的嵌套条件。

let studentmark = 68;
const grade_a_mark = 75;
const grade_b_mark = 61;
let finalmessage = studentmark >= grade_a_mark ? 'great work!' : studentmark >= 61 && studentmark < 75 ? 'good work!' : 'study more!!!';
console.log(finalmessage);

如果你转换上述 typescript 代码并使用节点运行它，你将获得与上述 if...else 情况相同的输出。

建议在代码中使用条件运算符。这是一个使你的代码更清晰的单行表达式。