Instruções condicionais permitem que você tome decisões no seu código JavaScript. Eles permitem que seu programa flua de uma maneira particular com base em certas condições. Vamos dar uma olhada em como if, else if, else e o operador ternário funcionam para permitir que você controle o fluxo do seu código. Uma declaração if recebe uma condição e executa um bloco de código se essa condição for verdadeira. Valores truthy são quaisquer valores que resultam em true quando avaliados em um contexto Booleano como uma declaração if. Aqui estão exemplos de valores truthy:

• strings não vazias, por exemplo, hello
• qualquer número diferente de 0 e -0, por exemplo, 4, -5 e outros
• arrays
• objetos
• o booleano true

Por outro lado, valores falsy são valores que avaliam para false em um contexto booleano. JavaScript tem poucos valores falsy, o que os torna fáceis de lembrar. Aqui estão alguns valores falsy:

• booleano false
• 0 (zero)
• ""
• null
• undefined
• NaN (Não é um Número)

Agora, que temos uma compreensão básica dos valores truthy e falsy, vamos ver como funciona com as declarações if. Neste primeiro exemplo, estamos usando um par de declarações if para verificar valores truthy e falsy:

if (null) {
  console.log("This will not run.");
}

if ("G.E.A.R ACADEMY") {
  console.log("This will run.");
}

Como null é um valor falsy, a mensagem dentro do bloco nunca será registrada no console. Mas para a segunda declaração if, a string G.E.A.R ACADEMY é um valor truthy e será considerada true neste contexto booleano da declaração if. Como resultado, a mensagem This will run. será registrada no console. Vamos dar uma olhada em mais alguns exemplos de como as declarações if funcionam com diferentes operadores de comparação. Aqui está um exemplo de uso de uma declaração if para verificar se o usuário está elegível para votar:

const age = 22;

if (age >= 18) {
 console.log("You're eligible to vote"); // You're eligible to vote
}

Neste exemplo, como age é atualmente 22, isso significa que a condição será avaliada como true porque 22 é maior ou igual a 18. Então a mensagem You're eligible to vote será registrada no console. Se alterarmos o exemplo para que age seja agora 15, então a condição será avaliada como false e a mensagem não será registrada no console:

const age = 15;

if (age >= 18) {
 console.log("You're eligible to vote"); // Code not running because age is less than 18
}

Quando uma condição é false, você pode usar uma cláusula else:

const age = 15;

if (age >= 18) {
 console.log("You're eligible to vote");
} else {
 console.log("You're not eligible to vote"); // You're not eligible to vote
}

Neste exemplo, 15 não é maior ou igual a 18, então a condição seria false. O código dentro do bloco else será executado neste caso. Se você quiser verificar múltiplas condições, pode usar um bloco else if. Isso permite que seu programa escolha entre mais de dois caminhos.

const score = 87;

if (score >= 90) {
 console.log('You got an A'); 
} else if (score >= 80) {
 console.log('You got a B'); // You got a B
} else if (score >= 70) {
 console.log('You got a C');
} else {
 console.log('You failed! You need to study more!');
}

Como o score está atualmente em 87, a mensagem You got a B seria registrada no console. O operador ternário é uma forma compacta de escrever declarações simples if/else. Ele tem três partes: uma condição, um resultado se a condição for verdadeira e um resultado se for falsa. Aqui está a sintaxe básica:

condition ? expressionIfTrue : expressionIfFalse;

Aqui está um exemplo lidando com temperaturas do tempo em Celsius:

const temperature = 30;
const weather = temperature > 25 ? 'sunny' : 'cool';

console.log(It's a ${weather} day!);

Se temperature for maior que 25, o código acima registra It's a sunny day!. Se temperature for menor ou igual a 25, ele registra It's a cool day!. Então, qual você deve usar entre uma declaração if e um ternário? Use um ternário ao lidar com uma única condição ou expressões únicas, ou quando você quiser uma sintaxe compacta para lógica simples. Use declarações if/else quando você estiver lidando com condições complexas e múltiplas declarações, pois as coisas se tornam ilegíveis se você aninhar ternários.