JavaScript - Condicionais

Introdução

As condições são estruturas de controle das linguagens de programação que recebem um valor booleano através de um teste lógico e fazem com que o programa mude o fluxo de execução de acordo com o resultado desses testes. As funções executadas após cada teste são designados dentro de um bloco de código.

Sintaxe

Em JavaScript, os testes lógicos são marcados pela estrutura if e else, que possuem dentro de si um bloco de código aninhado delimitado por chaves {}

if (cond == true) {
	funcao()
} else {
	outraFuncao()
}

Exemplo - JavaScript

var vel = 90.6
console.log(`A velocidade do seu carro é ${vel} km/h`)
if (vel > 80){
    var exced = vel - 80
    console.log(`Você ultrapassou em ${exced.toPrecision(3)}km o limite permitido, MULTADO!`)
} else {
    console.log(`Você está dentro do limite de velocidade permitido.`)
}
console.log('Digita sempre usando cinto de segurança!')

Exemplo - HTML

<body>
    <h1>Sistema de Multas</h1>
    Velocidade do carro: <input type="number" name="txtvel" id="txtvel"> Km/h
    <input type="button" value="verificar" onclick="calcular()">
    <div id="res"></div>
    <script>
        function calcular() {
            var txtv = window.document.querySelector('input#txtvel')
            var res = window.document.querySelector('div#res')
            var vel = Number(txtv.value)
            res.innerHTML = `Sua velocidade atual é de ${vel} Km/h`
            if (vel > 60) {
            res.innerHTML += `Você ultrapassou o limite de velocidade. Multado!`
            }
        }
    </script>
</body>

Condições Aninhadas

Condições aninhadas é um conceito da programação que muitas linguagens suportam que é a possibilidade de criar um teste lógico dentro de outro, em um formato de cascata. Isso é útil para o caso em que uma determinada ação no código exige diversos testes lógicos.

if (cond1 == true) {
	bloco1()
} else {
	if (cond2 == true) {
		bloco2()
	} else {
		bloco3()
	}
}

Exemplo - JavaScript

var idade = 66
console.log(`Você tem ${idade} anos`)
if (idade < 16) {
    console.log(`Não vota`)
} else if ( idade < 18 || idade > 65) {
    console.log('Voto opcional')
} else {
    console.log('Voto obrigatório')
}
// Output: Voto Opcional

A Estrutura switch

Em JavaScript, existe uma estrutura mais moderna e alternativa ao uso das condicionais com if e else, ele é o switch. o switch funciona como uma estrutura que testa o valor literal de uma variável ou expressão e, assim como nas outras condicionais, desvia o fluxo da aplicação. Cada bloco aninhado dentro de switch deve terminar com a palavra reservada break para que o fluxo da aplicação siga

Sintaxe

var nome = 'Joamerson'
switch (nome) {
	case 'Sérgio':
		console.log('Seu nome é Sérgio')
		break
	case 'Kaio':
		console.log('Seu nome é Kaio')
		break
	case 'Joamerson':
		console.log('Seu nome é Joamerson, que nome lindo!')
		break
	default:
		console.log('Não conheço você')
}