Veja no Youtube:

Bora lá...

As condicionais é basicamente o seu funil de escolhas se vai tratar o dado de uma forma ou outra levando você para o escopo de informação que o resultado for true, vamos ver uns exemplo de condicionais com if statement que sempre onde estiver um if presente ele aguarda um resultado verdadeiro para entrar no escopo que é dentro das chaves { }

if

const a = 10 const b = 5 if (a > b) { console.log('É verdadeiro') } 

if...else if

const a = 10 const b = 5 if (a < b) { console.log('if: >> É verdadeiro') } else if (a > b) { console.log('else if: >> É verdadeiro') } // Output: else if: >> É verdadeiro 

else

const a = 10 const b = 5 if (a < b) { console.log('if: >> É verdadeiro') } else if (a === b) { console.log('else if: >> É verdadeiro') } else { console.log('else: >> É o falso') } //Output: else: >> É o falso 

Operador ternário

Temos uma opção bem pratica para validar se temos uma informação ou não que é usando o if ternário dessa forma:

const a = 10 const b = 5 console.log(a > 8 ? "Verdadeiro" : "Falso") 

O ternário verifica somente duas condições diferente do if que podemos ter alternativas com o else if e podemos usar qualquer operador lógico para validar a informação antes do ponto de interrogação.

Conclusão

O if é utilizado para retornar o valor que é verdadeiro

O else if é utilizado para uma segunda possibilidade de vir verdadeiro, podendo ser mais de uma possibilidade isso resulta em mais else if.

O else é a nossa saída de false, após passar por cada validador teremos ele esperando para falar que não deu match.

O if ternário economiza código e traz uma informação mais precisa como resultado