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
eelse
, 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
eelse
, ele é oswitch
. oswitch
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 deswitch
deve terminar com a palavra reservadabreak
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ê')
}