JavaScript: Тернарный оператор
Посмотрите на определение функции, которая возвращает модуль переданного числа:
const abs = (number) => {
if (number >= 0) {
return number;
}
return -number;
}
abs(10); // 10
abs(-10); // 10
Можно ли записать её лаконичнее? Что-то вроде return ОТВЕТ В ЗАВИСИМОСТИ ОТ УСЛОВИЯ
? Для этого справа от return должно быть выражение, но if
— это инструкция, а не выражение.
В JavaScript существует конструкция, которая по своему действию аналогична конструкции if-else, но при этом является выражением. Она называется тернарный оператор.
Тернарный оператор — единственный в своем роде оператор, требующий три операнда:
const abs = (number) => {
return number >= 0 ? number : -number;
}
Общий паттерн выглядит так: <predicate> ? <expression on true> : <expression on false>
.
Сокращенный вариант функции abs()
, выглядит так:
const abs = (number) => (number >= 0 ? number : -number);
Обратите внимание на скобки вокруг тернарника. Они не обязательны, но линтер настоятельно рекомендует их ставить, во избежание неоднозначностей.
Давайте перепишем начальный вариант getTypeOfSentence()
аналогично:
Было:
const getTypeOfSentence = (sentence) => {
const lastChar = sentence.substr(-1);
if (lastChar === '?') {
return 'question';
}
return 'normal';
}
Стало:
const getTypeOfSentence = (sentence) => {
const lastChar = sentence.substr(-1);
return (lastChar === '?') ? 'question' : 'normal';
}
getTypeOfSentence('Hodor'); // normal
getTypeOfSentence('Hodor?'); // question
Если вы помните, в чём сила выражений, то вероятно уже догадались, что тернарный оператор можно вкладывать в тернарный оператор. Не делайте этого :) Такой код тяжело и читать, и отлаживать, это очень плохая практика.
Задание
Реализуйте функцию convertText()
, которая принимает на вход строку и, если первая буква не заглавная, возвращает перевернутый вариант исходной строки. Если первая буква заглавная, то строка возвращается без изменений.
Примеры вызова:
convertText('Hello'); // 'Hello'
convertText('hello'); // 'olleh'
// Не забудьте учесть пустую строку!
convertText(''); // ''
Перевернуть строчку можно используя функцию reverse()
.
Есть разные подходы к решению этой задачи. Возможно, вам пригодится метод toUpperCase() и возможность получения символа из строки (например, str[0]
).
Попробуйте написать два варианта функции: с обычным if-else, и с тернарным оператором.
Определения
Тернарный оператор - Способ превратить простую условную инструкцию в выражение, например,
number >= 0 ? number : -number
.