abril 13, 2021

Declaraci贸n Switch en JavaScript: con ejemplo de c贸digo

Abordamos el tema declaraci贸n Switch en JavaScript: con ejemplo de c贸digo, considerando que la creaci贸n de condicionales puede ayudar en este lenguaje de programaci贸n.

C贸mo funcionan las declaraciones de cambio en JavaScript

La palabra clave switch en JavaScript se usa para crear m煤ltiples declaraciones condicionales, lo que le permite ejecutar diferentes bloques de c贸digo en funci贸n de algunas condiciones.

El siguiente c贸digo muestra una declaraci贸n switch en acci贸n:

var score = 20;

switch(age){

    case 10:

        console.log(“Score value is 10”);

        break;

    case 20:

        console.log(“Score value is 20”);

        break;

    default:

        console.log(“Score value is neither 10 or 20”);

}

El c贸digo anterior se imprimir谩 “Score value is 20″en la consola. La instrucci贸n switch funciona comparando un dato expression con las expresiones de cada cl谩usula case.

Primero, se debe pasar un expression en la declaraci贸n switch, que luego se encierra en un par de corchetes (). Puede pasar una variable como la siguiente:

var age = 29;

switch(age){}

// or

switch(true){}

switch(“A string”){}

switch(5+5){}

Se expression evaluar谩 una vez y luego se comparar谩 con las expresiones que defina en cada cl谩usula case, de arriba a abajo.

En el siguiente ejemplo, la declaraci贸n switch evaluar谩 el valor de la variable flowery luego lo comparar谩 con cada cl谩usula case para ver si devuelve true:

El primero case comparar谩 siflower === “rose”

El segundo case se comparar谩 siflower === “violet”

El tercero case comparar谩 siflower === “sunflower”

Cuando case regresen las tres cl谩usulas false, el caso default se ejecutar谩:

var flower = “tulip”;

switch (flower){

    case “rose”:

        console.log(“Roses are red”);

        break;

    case “violet”:

        console.log(“Violets are blue”);

        break;

    case “sunflower”:

        console.log(“Sunflowers are yellow”);

        break;

    default:

        console.log(“Please select another flower”);

}

El caso default es opcional, lo que significa que simplemente se puede ejecutar la declaraci贸n switch sin generar ning煤n resultado. Pero siempre es mejor incluir un caso default para que sepa que switch JavaScript ejecute la declaraci贸n.

Solo se puede incluir un caso default en una declaraci贸n switch o JavaScript arrojar谩 un error.

Finalmente, se debe incluir la palabra break clave en case, el cuerpo de cada cl谩usula para detener la ejecuci贸n switch de la declaraci贸n una vez que se encuentra un caso coincidente. Si se omite la palabra clave break, JavaScript continuar谩 evaluando la expresi贸n hasta la 煤ltima cl谩usula case.

El siguiente c贸digo imprimir谩 ambos “Roses are red”y “Please select another flower” porque la palabra clave break se omite de las cl谩usulas case, lo que hace que JavaScript contin煤e la comparaci贸n de expresiones hasta el 煤ltimo caso, que es el caso default:

var flower = “rose”;

switch (flower){

    case “rose”:

        console.log(“Roses are red”);

    case “violet”:

        console.log(“Violets are blue”);

    case “sunflower”:

        console.log(“Sunflowers are yellow”);

    default:

        console.log(“Please select another flower”);

}

Incluso cuando la expresi贸n “rose” ya encontr贸 una coincidencia en la primera cl谩usula case, JavaScript seguir谩 ejecutando la declaraci贸n switch porque no hay una palabra clave break.

Para resumir, as铆 funciona una declaraci贸n switch:

Primero, se necesita un expression que se quiera comparar con algunos condicionales.

Luego, escribir los condicionales para compararlos con expression en cada cl谩usula case, incluido un caso default en el que no hay case coincidencia.

Finalmente, escribir el c贸digo que desea ejecutar dentro de cada uno case, seguido de la palabra clave break para evitar que JavaScript siga comparando el expression con las cl谩usulas case.

Le铆ste: Declaraci贸n Switch en JavaScript: con ejemplo de c贸digo, te recomendamos: C贸mo utilizar el m茅todo toString en JavaScript

Te invitamos a que nos sigas en nuestras redes sociales: Facebook, Twitter, Instagram y Youtube con el perfil:聽@tortugacode