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