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