JavaScript: declaración de alternar

Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.

JavaScript: declaración de alternar

Este tutorial de JavaScript explica cómo usar la instrucción switch con sintaxis y ejemplos.

describir

En JavaScript, la declaración de cambio se usa para ejecutar código basado en el valor de una expresión.

sintaxis

La sintaxis de la instrucción switch en JavaScript es:

switch (expr) {
   case value1:
     // statements to execute when expr matches value1
     break;

   case value2:
     // statements to execute when expr matches value2
     break;

   case value_n:
     // statements to execute when expr matches value_n
     break;

   default:
     // statements to execute when expr does not match any of the values
}

parámetro o parámetro

expr Una expresión cuyo valor se compara con un conjunto de valores (es decir: valor1, valor2, … valor_n). value1, value2, … value_n Estos son los valores a comparar con expr. Los valores comienzan con la palabra clave case y se evalúan en el orden indicado. Una vez que un valor coincide con expr, la sentencia switch ejecuta la sentencia correspondiente. Es importante tener en cuenta que la declaración de cambio utiliza el operador === para realizar la comparación, lo que significa que expr debe ser igual al valor y el mismo tipo de datos para que se considere una coincidencia. La interrupción es opcional. La sentencia break es una sentencia opcional que suele aparecer al final de cada bloque de código. Se utiliza para terminar la declaración de cambio. Esto significa que ningún otro valor en la instrucción switch se comparará con expr. Si no incluye la declaración de ruptura, JavaScript continuará evaluando el siguiente valor en la declaración de cambio y es posible que obtenga resultados inesperados. Opcional por defecto. Si ningún valor (es decir, valor1, valor2, ..valor_n) coincide con expr, se ejecutará el bloque de código. Si la etiqueta predeterminada se encuentra al final de la sentencia switch, no es necesario incluir la sentencia break.

notas

  • La instrucción switch ejecutará el bloque de código para el primer valor que coincida con expr. La sentencia break asegura que la sentencia switch termine para que no se compare ningún otro valor con expr.
  • Si ningún valor coincide con expr, se ejecutará el bloque de código en la parte predeterminada de la declaración de cambio, si está presente.

ejemplo

Aquí hay un ejemplo del uso de una declaración de cambio en JavaScript:

// Set the TechOnTheNet technology to JavaScript
var totn_technology = 'JavaScript';

switch (totn_technology) {
   case 'SQL':
     console.log('TechOnTheNet SQL');
     break;

   case 'JavaScript':
     console.log('TechOnTheNet JavaScript');
     break;

   default:
     console.log('Other TechOnTheNet technologies');
}

En este ejemplo de declaración de cambio, el código ejecutará diferentes declaraciones según el valor de la variable totn_technology.Dado que la variable totn_technology se ha establecido en la cadena “JavaScript”, el mismo case 'JavaScript': Se ejecutarán las etiquetas.

En este ejemplo, se generará lo siguiente en el registro de la consola del navegador web:

TechOnTheNet JavaScript

bloque de código compartido

En JavaScript, también puede compartir bloques de código entre valores.

Por ejemplo:

// Set the TechOnTheNet technology to JavaScript
var totn_technology = 'JavaScript';

switch (totn_technology) {
   case 'SQL':
     console.log('TechOnTheNet SQL');
     break;

   case 'JavaScript':
   case 'HTML':
     console.log('TechOnTheNet Web Development');
     break;

   default:
     console.log('Other TechOnTheNet technologies');
}

En este ejemplo, los valores “JavaScript” y “HTML” comparten un bloque de código. Dado que la variable totn_technology se ha establecido en la cadena “JavaScript”, la declaración de cambio ejecutará este bloque de código compartido y generará lo siguiente en el registro de la consola del navegador web:

TechOnTheNet Web Development