Условный (тернарный) оператор в Javascript

Тернарный оператор в Javascript — это более чистая версия популярных операторов if else, но в этом случае вы используете A condition, знак вопроса ? и знак полного столбца :. Итак, давайте посмотрим, как это работает.

Обычно оператор if else в Javascript записывается так, как показано ниже.

let answer = ""
const x =2
if (x===2){
  answer = "true"  
}else {
  answer = "false"  
}
console.log(answer)

В приведенном выше коде с тернарным оператором используются ? и : , он возвращает все, что находится после знака ?, если условие истинно, и все, что после :, если условие неверно. См. пример ниже:

const x = 2
const answer = (x === 2) ? "true" : "false"
console.log(answer)

Важно понимать, что тернарный оператор возвращает значение, и его можно присвоить переменной (точно так же, как в приведенном выше примере (где const answer = условный оператор) или использовать для простого рендеринга компонент в случае библиотеки javascript, такой как React (как показано ниже)

x=== 2 ? ( <PrimaryButton/> ) :  (<SecondaryButton />)

А как насчет сложных операторов if else? Давайте посмотрим, как с этим справиться. Сложный оператор if else показан ниже:

let answer = ""
if (x===2){
   answer = "2"
}else if (x ===3){
   answer = "3"
}else if (x===4){
    answer = "4"
}else{
   answer = "i dont know"
}
console.log (answer)

С тернарным оператором вы просто продолжаете использовать знак : с другим условием после первого условия, пока не дойдете до последнего условия, которое действует как ваш последний оператор else, как показано ниже:

const answer =  
x===2 ? "2" 
: x === 3 ? "3"
: x === 4 ? "4"
: "i dont know" 
console.log (answer)

Итак, позвольте мне написать последний пример ниже, чтобы сказать вам аплодировать моей статье или ничего не делать, как показано ниже:

You enjoyed this article ? "Clap" : "" 😁