Esse guia é nada mais de anotações sobre as aulas de Javascript da turma TI 24 feita por Matheus Dantas (O tal Dante) para colegas e aprendizados. Ao longo das aulas, terá uma source aberta no GitHub para acesso de códigos, exemplos e etc. (¬‿¬)
As estruturas de controle são fundamentais para a lógica de programação, permitindo que o código tome decisões e execute diferentes blocos de código com base em determinadas condições. Em JavaScript, as estruturas if-else e switch são amplamente utilizadas para esse propósito.
A estrutura if-else permite executar um bloco de código se uma condição especificada for verdadeira. Você também pode adicionar um bloco else para executar um código alternativo se a condição for falsa.
if (condicao) {
// Bloco de código a ser executado se a condição for verdadeira
} else {
// Bloco de código a ser executado se a condição for falsa
}
let idade = 18;
if (idade >= 18) {
console.log("Você é maior de idade.");
} else {
console.log("Você é menor de idade.");
}
if (condicao1) {
// Bloco de código a ser executado se a condição1 for verdadeira
} else if (condicao2) {
// Bloco de código a ser executado se a condição2 for verdadeira
} else {
// Bloco de código a ser executado se nenhuma das condições anteriores for verdadeira
}
let nota = 85;
if (nota >= 90) {
console.log("A");
} else if (nota >= 80) {
console.log("B");
} else if (nota >= 70) {
console.log("C");
} else if (nota >= 60) {
console.log("D");
} else {
console.log("F");
}
A estrutura switch é usada para executar um bloco de código dentre várias opções com base no valor de uma expressão. É uma alternativa mais organizada ao if-else quando você precisa verificar muitas condições.
switch (expressao) {
case valor1:
// Bloco de código a ser executado se a expressão for igual a valor1
break;
case valor2:
// Bloco de código a ser executado se a expressão for igual a valor2
break;
// Mais casos conforme necessário
default:
// Bloco de código a ser executado se a expressão não corresponder a nenhum dos valores acima
}
let diaDaSemana = 3;
let dia;
switch (diaDaSemana) {
case 1:
dia = "Domingo";
break;
case 2:
dia = "Segunda-feira";
break;
case 3:
dia = "Terça-feira";
break;
case 4:
dia = "Quarta-feira";
break;
case 5:
dia = "Quinta-feira";
break;
case 6:
dia = "Sexta-feira";
break;
case 7:
dia = "Sábado";
break;
default:
dia = "Dia inválido";
}
console.log(dia);
Use if-else quando você tiver poucas condições para verificar ou quando as condições não forem baseadas em um único valor. Use switch quando precisar verificar muitas condições baseadas no valor de uma única expressão, especialmente se houver muitos casos possíveis.
if-else com Operador Ternário O operador ternário é uma forma concisa de escrever uma condição if-else.
let idade = 20;
let status = (idade >= 18) ? "maior de idade" : "menor de idade";
console.log(status);
switch com Múltiplos Casos Você pode agrupar múltiplos casos que compartilham o mesmo código.
let cor = "vermelho";
switch (cor) {
case "vermelho":
case "azul":
case "verde":
console.log("Você escolheu uma cor primária.");
break;
default:
console.log("Você escolheu uma cor secundária ou inválida.");
}