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
ifeelse, 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
ifeelse, ele é oswitch. oswitchfunciona 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 deswitchdeve terminar com a palavra reservadabreakpara 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ê')
}