61 lines
3.2 KiB
Markdown
61 lines
3.2 KiB
Markdown
|
---
|
|||
|
|
title: Ternary Operator
|
|||
|
|
localeTitle: Тернарный оператор
|
|||
|
|
---
|
|||
|
|
Оператор Ternary заменяет блок `if` / `else` в сжатом формате. Ниже приведен общий формат тернарного оператора.
|
|||
|
|
```
|
|||
|
|
condition ? expr1 : expr2
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## Описание
|
|||
|
|
|
|||
|
|
Если условие истинно, оператор разрешает значение expr1; в противном случае он решает значение expr2.
|
|||
|
|
|
|||
|
|
Например, чтобы отобразить другое сообщение, основанное на значении переменной isMember, вы можете использовать этот оператор:
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
let isMember = true;
|
|||
|
|
|
|||
|
|
let message = isMember ? 'Welcome Back!' : 'You need to login'; // 'Welcome Back'
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Другим полезным методом использования оператора Ternary было бы объявить его для условного выполнения функции или метода
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
function memberOpen(){
|
|||
|
|
console.log("open");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function memberClose(){
|
|||
|
|
console.log("close");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let isMember = true;
|
|||
|
|
|
|||
|
|
(isMember) ? memberOpen() : memberClose();
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
 [Код запуска](https://repl.it/M8Ge/1)
|
|||
|
|
|
|||
|
|
## Выполнение функций с тройным оператором
|
|||
|
|
|
|||
|
|
Также можно запускать функции с помощью тройного оператора, который иногда может быть полезным и более читаемым. Однако используйте его осторожно, потому что тогда код сложнее отлаживать.
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
const runFirst = true;
|
|||
|
|
runFirst ? first() : second();
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## Цепочка с использованием тернарного оператора
|
|||
|
|
|
|||
|
|
Вы также можете неограниченно связывать тройной оператор, аналогично использованию `else if's` перед конечным else блока `if` `else` . Каждый раз, когда двоеточие используется для указания другой части тернарного оператора, новое условие может быть указано до тех пор, пока не будет использовано условие окончательного завершения.
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
function displayNum(num) {
|
|||
|
|
return num === 3 ? 'number is 3' : num === 2 ? 'number is 2' : num === 1 ? 'number is 1 ' : 'number is not in range';
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Этот метод следует использовать экономно в правильных местах, как и в случае с несколькими `else if's` это иногда может привести к чтению более читаемого кода с помощью оператора switch.
|
|||
|
|
|
|||
|
|
**Подробнее:** [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator)
|