Introducción a la declaración de cambio en JavaScript

En este tema, discutiremos sobre la declaración de cambio en JavaScript. Con el advenimiento de la tecnología, se han desarrollado computadoras que a su vez trajeron el requisito de lenguaje de programación. Hubo muchos lenguajes de programación que incluyen tanto lenguaje de bajo nivel como lenguaje de alto nivel. Los idiomas de alto nivel son más fáciles de usar, ya que son fáciles de entender en comparación con los idiomas de bajo nivel. JavaScript es uno de esos lenguajes de alto nivel que se usa ampliamente como lenguaje frontend para fines de programación. Hay muchos conceptos que hay que estudiar y practicar para comprender los conceptos básicos.

¿Qué es la declaración de cambio en JavaScript?

Hay varios métodos condicionales en JavaScript, como el método if-else, el método if-else-if, el método while, el método do-while y varios otros métodos también. De estos métodos diferentes en JavaScript, uno de ellos es el método de declaración de cambio. En este método, lo usamos para ejecutar un conjunto particular de instrucciones o código si la condición satisface. Una declaración de cambio generalmente contiene varios bloques de casos junto con un caso predeterminado opcional. Según la condición, uno o varios casos pueden ejecutarse si los casos satisfacen. En caso de que ningún bloque de la declaración del interruptor se vuelva verdadero, el caso predeterminado se ejecuta automáticamente si se agrega en la codificación.

Sintaxis de la declaración de cambio de JavaScript

Tratemos de entender la sintaxis básica de JavaScript en una declaración de cambio.

switch(an expression which needs to be checked) (
case x:
// block of code or instructions
break;
case y:
// block of code or instructions
break;
default:
// block of code or instructions for default condition
)

Ahora, intentemos comprender cómo se ejecuta realmente este bloque de la declaración.

  • Una expresión que debe verificarse : en esta declaración, verificamos la expresión que debe evaluarse. En función de la ejecución de la expresión, se ejecutará el caso de cambio satisfactorio.
  • Diferentes casos : en la ejecución de una expresión, se ejecuta el caso que satisface la expresión
  • Caso predeterminado : si alguno de los casos de cambio no se satisface, se ejecuta el caso predeterminado.

Diagrama de flujo

Ahora, veamos el diagrama de flujo de la declaración de cambio.

Ahora, veamos cómo funciona la instrucción switch en JavaScript.

¿Cómo funciona Switch Statement en JavaScript?

Como se explicó anteriormente en el artículo, una declaración de cambio generalmente contiene tres subsecciones que son:

  • Expresión para evaluar.
  • Casos que se ejecutan para la expresión.
  • Caso predeterminado que debe ejecutarse si no se satisfacen los casos.

Las responsabilidades básicas de estas subsecciones son:

  • Una expresión que debe verificarse : en esta declaración, verificamos la expresión que debe evaluarse. En función de la ejecución de la expresión, se ejecutará el caso de cambio satisfactorio.
  • Diferentes casos : en la ejecución de una expresión, se ejecuta el caso que satisface la expresión.
  • Caso predeterminado : si alguno de los casos de cambio no se satisface, se ejecuta el caso predeterminado.

Ejemplos

Ahora, tomemos un ejemplo que toma un número del usuario en un cuadro de entrada, si el número es menor que 10, entonces muestra que el número ingresado por el usuario mostrará el mensaje de que el número ingresado es mayor que 10.

Simplemente copie el siguiente código y péguelo en el archivo HTML para ejecutarlo.

Declaración de cambio de JavaScript


Ingrese el número en el cuadro de texto


var text = '', labelVal = "";
función checkVal () (
text = document.getElementById ("inputBox"). value;
labelVal = '';
texto = Número (texto)
interruptor (texto) (
caso 1:
labelVal = "Ingresaste 1";
descanso;
caso 2:
labelVal = "Has introducido 2";
descanso;
caso 3:
labelVal = "Has introducido 3";
descanso;
caso 4:
labelVal = "Has introducido 4";
descanso;
caso 5:
labelVal = "Has introducido 5";
descanso;
caso 6:
etiqueta Val = "Has introducido 6";
descanso;
caso 7:
labelVal = "Ingresaste 7";
descanso;
caso 8:
etiqueta Val = "Has introducido 8";
descanso;
caso 9:
labelVal = "Ingresaste 9";
descanso;
defecto:
labelVal = "Ingrese un valor menor que 10";
)
document.getElementById ("labelVal"). innerText = labelVal;
)

Ahora veamos el ejemplo con el valor ingresado:

Valor de entrada: 6

Valor de salida: ingresó 6

Ahora veamos cómo podemos ejecutar múltiples declaraciones de cambio en JavaScript.

Ejecutar múltiples casos si la condición satisface

Ahora, veamos cómo podemos ejecutar múltiples casos. Copie el siguiente código y péguelo en el archivo HTML para ejecutarlo.

Declaración de cambio de JavaScript


Ingrese el número en el cuadro de texto


var text = '', labelVal = "";
función checkVal () (
text = document.getElementById ("inputBox"). value;
labelVal = '';
texto = Número (texto)
interruptor (texto) (
caso 1:
labelVal = labelVal + "Has introducido 1";
caso 2:
labelVal = labelVal + "Has introducido 2";
caso 3:
labelVal = labelVal + "Has introducido 3";
descanso;
caso 4:
label Val = labelVal + "Has introducido 4";
caso 5:
label Val = labelVal + "Has introducido 5";
caso 6:
label Val = labelVal + "Has introducido 6";
descanso;
defecto:
etiqueta Val = "Ingrese un valor menor a 10";
)
document.getElementById ("label Val"). innerText = label Val;
)

Valor de entrada: 1

Valor de salida: Ingresó 1 Ingresó 2 Ingresó 3.

Conclusión

JavaScript es un lenguaje de programación donde hay muchos conceptos que uno necesita estudiar. Una declaración de cambio es uno de esos. Estas declaraciones condicionales básicamente ejecutan el código para verificar si la expresión satisface la condición en función de la evaluación de la expresión, devuelve el valor. Una declaración condicional se usa ampliamente en cualquier lenguaje de programación para diversas expresiones de programación lógica.

Artículos recomendados

Esta ha sido una guía para cambiar la declaración en JavaScript. Aquí discutimos el concepto, la sintaxis, el trabajo y los ejemplos de declaración de cambio en JavaScript. También puede consultar nuestros otros artículos sugeridos para obtener más información:

  1. JavaScript Cheat Sheet
  2. ¿Qué puede hacer Javascript?
  3. Funciones de cadena de JavaScript
  4. Ejemplos de funciones matemáticas de JavaScript
  5. Introducción a la declaración de cambio en C ++
  6. Declaración de cambio de PHP | Diagrama de flujo

Categoría:

Desarrollo de software