Ramificação Condicional em JavaScript

Este artigo explica a ramificação condicional em JavaScript.

YouTube Video

A declaração if em JavaScript

Sintaxe Básica

1if (condition) {
2    // Code that executes if the condition is true
3}

A declaração if em JavaScript é uma estrutura de controle básica usada para controlar a execução do código com base em se uma condição específica é verdadeira ou falsa. Se a condição for verdadeira, o bloco de código será executado, e se for falsa, ele será ignorado.

Exemplo

1let x = 10;
2
3if (x > 5) {
4    console.log("x is greater than 5");
5}

Neste exemplo, como o valor de x é maior que 5, x é maior que 5 é exibido no console.

Declaração else

Sintaxe Básica

1if (condition) {
2    // Code that executes if the condition is true
3} else {
4    // Code that executes if the condition is false
5}

Ao usar uma declaração else após uma declaração if, você pode especificar o código a ser executado quando a condição for falsa.

Exemplo

1let x = 3;
2
3if (x > 5) {
4    console.log("x is greater than 5");
5} else {
6    console.log("x is 5 or less");
7}

Nesse caso, como x é menor que 5, "x é 5 ou menor" é exibido.

Declaração else if

Sintaxe Básica

1if (condition1) {
2    // Code that executes if condition1 is true
3} else if (condition2) {
4    // Code that executes if condition1 is false and condition2 is true
5} else {
6    // Code that executes if both condition1 and condition2 are false
7}

Se deseja verificar várias condições, use else if. A próxima condição será verificada se a condição inicial no if for falsa.

Exemplo

1let x = 5;
2
3if (x > 10) {
4    console.log("x is greater than 10");
5} else if (x === 5) {
6    console.log("x is 5");
7} else {
8    console.log("x is 5 or less");
9}

Neste caso, como x é 5, "x é 5" será exibido.

Operador Ternário (Operador Condicional)

Sintaxe

1condition ? valueIfTrue : valueIfFalse

Se você deseja escrever uma declaração if de forma mais concisa, pode usar o operador ternário.

Exemplo

1const number = 7;
2const result = number % 2 === 0 ? "Even" : "Odd";
3console.log(result); // "Odd"

Nesse caso, como number é 7, Ímpar é exibido.

Resumo

• As declarações if controlam qual código será executado com base em se a condição é verdadeira ou falsa.
• Você pode especificar o comportamento para quando a condição for falsa usando else.
• Você pode verificar várias condições usando else if.
• Você também pode usar um operador ternário para escrever ramificações condicionais de forma concisa.

A declaração switch em JavaScript

Sintaxe Básica

 1switch (expression) {
 2    case value1:
 3        // Code that executes if the expression matches value1
 4        break;
 5    case value2:
 6        // Code that executes if the expression matches value2
 7        break;
 8    default:
 9        // Code that executes if no cases match
10}

A declaração switch em JavaScript é usada para comparar uma expressão (geralmente uma variável) com vários valores (casos) e executar o código correspondente. Assim como a declaração if, ela realiza ramificação condicional, mas muitas vezes é mais legível quando há múltiplas condições.

Exemplo

 1let fruit = "apple";
 2
 3switch (fruit) {
 4    case "apple":
 5        console.log("This is an apple");
 6        break;
 7    case "banana":
 8        console.log("This is a banana");
 9        break;
10    default:
11        console.log("Unknown fruit");
12}

Neste exemplo, como fruit é "apple", "This is an apple" é exibido no console.

break の役割

Ao inserir break no final de cada caso, você sai da declaração switch após concluir aquele caso. Se você não escrever break, o próximo caso também será executado (isso é chamado de fall-through).

Exemplo de Fall-Through

 1let color = "red";
 2
 3switch (color) {
 4    case "red":
 5        console.log("This is red");
 6    case "blue":
 7        console.log("This is blue");
 8    default:
 9        console.log("Unknown color");
10}

Neste caso, como color é "red" e não há break após "This is red", tanto "This is blue" quanto "Unknown color" serão exibidos.

Usando default

default é a parte que é executada quando não há correspondência com nenhum case. Isso corresponde ao else em uma declaração if.

 1let animal = "dog";
 2
 3switch (animal) {
 4    case "cat":
 5        console.log("This is a cat");
 6        break;
 7    case "bird":
 8        console.log("This is a bird");
 9        break;
10    default:
11        console.log("Unknown animal");
12}

Neste caso, como animal é "dog", ele entra no default, e "Unknown animal" é exibido.

Tratando Vários Valores com o Mesmo Caso

Se você quiser realizar a mesma operação para vários casos, pode escrevê-los consecutivamente.

Exemplo

 1let day = 1;
 2switch (day) {
 3    case 1:
 4    case 2:
 5    case 3:
 6    case 4:
 7    case 5:
 8        console.log("Weekday");
 9        break;
10    case 6:
11    case 7:
12        console.log("Weekend");
13        break;
14    default:
15        console.log("Unknown day");
16}

Neste exemplo, se day for 1, "Weekday" será exibido.

switch vs. if

• Uma declaração if é adequada para verificar condições complexas ou intervalos. Por exemplo, condições complexas como uma variável x sendo maior ou igual a 10 e menor ou igual a 20 não podem ser escritas em um switch.
• Uma declaração switch pode, às vezes, tornar o código mais legível ao verificar se um valor corresponde a um específico.

Resumo

• A declaração switch é usada para escrever ramificações condicionais para vários valores de forma concisa.
• Se você não usar break no final de cada case, o próximo case também poderá ser executado (propagação para o próximo caso).
• default é executado quando nenhum dos casos corresponde.

Você pode acompanhar o artigo acima usando o Visual Studio Code em nosso canal do YouTube. Por favor, confira também o canal do YouTube.

YouTube Video