DEV Community

Telles (@UnicornCoder)
Telles (@UnicornCoder)

Posted on • Edited on

3 2

Condicionais

Veja no Youtube:

VIDEO

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')
}
Enter fullscreen mode Exit fullscreen mode

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
Enter fullscreen mode Exit fullscreen mode

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
Enter fullscreen mode Exit fullscreen mode

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")
Enter fullscreen mode Exit fullscreen mode

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

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay