comparte el articulo 

Manual JavaScript: sentencia de control If

Actualizado el 02/12/2008 < > 1 Comentario

Resumen: Explicación sobre la funcionalidad de las sentencias de control en JavaScript.

Sentencias de control en JavaScript

Una vez que nos sabemos manejar con variables y matrices, que son los datos de nuestros programas, debemos aprender a crear código, que es lo que hace que nuestro programa funcione.

Hasta ahora hemos visto cómo manejar los datos del programa, pero sólo con variables no podemos manejar un programa… Necesitamos escribir código fuente que nos permita conseguir que el programa haga cosas. Normalmente los programas tienen un flujo de ejecución: se ejecuta línea a línea, interpretándolas y comprobando el resultado de la ejecución. Pero a veces eso no es suficiente. A veces tenemos que controlar lo que hace el programa, permitiéndonos ejecutar un código u otro dependiendo de las circunstancias, o bien repetir el mismo código varias veces según unas condiciones concretas.

Cuando nos levantamos por la mañana, miramos por la ventana para decidir qué ropa nos ponemos. Decidimos entre una camisa blanca o un jersey azul dependiendo de si hace frío o no:

 Si hace frío -> me pongo el jersey.

 Si hace calor -> me pongo la camisa.

Sentencia de control: If

Pues en un programa podemos realizar el mismo tipo de decisiones, gracias a la instrucción IF:

 if (condición) {

  un código cualquiera
  }

  else {

  otro código cualquiera }

Veamos lo que tenemos aquí. Primero, comprobamos la condición en la que vamos a basar nuestra decisión. Después veremos cómo crear condiciones. Si la condición es válida (si es verdadera), se ejecutará el primer bloque de código que está entre llaves ({}), y si no, se ejecutará el siguiente bloque de código, el que se encuentra debajo de la palabra else. Esto lo interpretaríamos así:

Si la condición es verdadera, ejecutamos un código cualquiera, y si no, otro código cualquiera.

De esta forma, podemos tomar decisiones simples que nos permiten cambiar el código que ejecuta el navegador, de forma que podemos controlar su ejecución fácilmente. Un ejemplo es este:

 var edad = 18;

  if (edad >= 18) {

  alert("Eres mayor de edad");

  }

  else {

  alert("Eres menor de edad");

  }

Primero definimos una variable “edad” con el valor numérico “18”. Después, comprobamos si el sujeto es o no mayor de edad comprobando el valor de la variable:

Si edad es mayor o igual que 18, entonces le decimos que es mayor de edad, y si no, le decimos que es menor de edad.

alert() es una función de Javascript que nos permite mostrar un mensaje en pantalla.

Pero, ¿Qué ocurre cuando queremos hacer varias comprobaciones al mismo tiempo? Entonces podemos usar la instrucción else if.

 if (edad > 18) {

  alert("Tienes mas de 18 años");

  }

  else if (edad == 18) {

  alert("Tienes 18 años");

  }

  else {

  alert("Tienes menos de 18 años");

  }

De esta forma, podemos extender las condiciones todo lo que queramos para cubrir todos los casos necesarios. Hay que destacar que todas las condiciones son sucesivas y que sólo se ejecuta una de ellas. Además, el último else es el que se ejecuta en el caso de que ninguno de los ifs anteriores sea válido.

Para crear condiciones, debemos usar dos elementos nuevos: los operadores lógicos y los condicionales.

Los operadores lógicos son 3:

Operador Significado
&& Y
|| O
! NO

Y los condicionales son:

Operador Significado
== Equivalencia
< Menor que
> Mayor que
<= Menor o igual que
>= Mayor o igual que
!= Distinto de

Podemos crear condiciones simples usando los operadores condicionales, y después formar condiciones más complejas juntando otras más simples usando los operadores lógicos. Por ejemplo:

 if (edad > 6 && edad < 12) alert("niño");

  else if (edad >= 12 && edad < 18) alert("adolescente");

  else if (edad >= 18 && edad < 31) alert("joven");

  else if (edad >= 31 || edad <= 6) alert("No perteneces");

  else alert ("Tu debes ser muy raro");

Aquí hemos anidado varias condiciones para poder mostrar mensajes dependiendo de la situación en que nos encontremos. Podemos ver cómo juntando varias condiciones por medio de los operadores lógicos podemos tomar decisiones más complejas de las que veíamos al principio del tema. Debemos usar && cuando queramos que la resolución de la condición se encuentre incluida en las dos condiciones que indicamos. Debemos usar || cuando queramos que la resolución de la condición no se incluya en las condiciones que usamos. Así, cuando decimos que: (edad >= 31 || edad <= 6), estamos indicando que el resultado ha de ser o bien mayor de 31 o menor de 6, pero no se encontrara en ninguna de las dos condiciones, al contrario que con &&. De esta forma, podemos tomar decisiones que nos permitirán controlar mejor el flujo del programa.

Publicado el 02/12/2008, última actualización 02/12/2008.

Autor: Marcos Legido Hernández

URL: Licencia GNU

Añadir Comentario (Subir al texto)

1 Comentario

  1. vaelntin

    felicidades por la aportacion me fue muy util. me gustaria esta encontacto para aprender mas del tema

    Miércoles, 3 de abril 2013

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras