DEV Community

loading...

Condicionais

telles profile image Telles (@UnicornCoder) Updated on ・2 min read

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

Discussion (0)

pic
Editor guide