IF es una estructura de control utilizada para tomar decisiones. Es un
condicional que realiza unas u otras operaciones en función de una expresión.
Funciona de la siguiente manera, primero se evalúa una expresión, si da
resultado positivo se realizan las acciones relacionadas con el caso positivo.
La sintaxis de la estructura IF es la siguiente.
if (expresión) {
acciones a realizar en caso positivo
...
}
Opcionalmente se pueden indicar acciones a realizar en caso de que la evaluación
de la sentencia de resultados negativos.
if (expresión) {
acciones a realizar en caso positivo
...
} else {
acciones a realizar en caso negativo
...
}
Fijémonos en varias cosas. Para empezar vemos como con unas llaves engloban las
acciones que queremos realizar en caso de que se cumplan o no las expresiones.
Estas llaves han de colocarse siempre, excepto en el caso de que sólo haya una
instrucción como acciones a realizar, que son opcionales.
Otro detalle que salta a la vista es el sangrado (margen) que hemos colocado en
cada uno de los bloques de instrucciones a ejecutar en los casos positivos y
negativos. Este sangrado es totalmente opcional, sólo lo hemos hecho así para
que la estructura IF se comprenda de una manera más visual. Los saltos de línea
tampoco son necesarios y se han colocado también para que se vea mejor la
estructura. Perfectamente podríamos colocar toda la instrucción IF en la misma
línea de código, pero eso no ayudará a que las cosas estén claras. Nosotros, y
cualquier programador, te aconsejamos que utilices los sangrados y saltos de
línea necesarios para que las instrucciones se puedan entender mejor, hoy y
dentro de un mes, cuando te acuerdes menos de lo que hiciste en tus scripts.
Veamos algún ejemplo de condicionales IF.
if (dia "lunes")
document.write ("Que tengas un feliz comienzo de semana")
Si es lunes nos deseará una feliz semana. No hará nada en caso contrario. Como
en este ejemplo sólo indicamos una instrucción para el caso positivo, no hará
falta utilizar las llaves. Fíjate también en el operador condicional que consta
de dos signos igual.
Vamos a ver ahora otro ejemplo, un poco más largo.
if (credito >= precio) {
document.write("has comprado el artículo " + nuevoArtículo) enseño compra
carrito += nuevoArticulo introduzco el artículo en el carrito de la compra
credito -= precio disminuyo el crédito según el precio del artículo
} else {
document.write("se te ha acabado el crédito") informo que te falta dinero
window.location = "carritodelacompra.html" voy a la página del carrito
}
Este ejemplo es un poco más complejo, y también un poco ficticio. Lo que hago es
comprobar si tengo crédito para realizar una supuesta compra. Para ello miro si
el crédito es mayor o igual que el precio del artículo, si es así informo de la
compra, introduzco el artículo en el carrito y resto el precio al crédito
acumulado. Si el precio del artículo es superior al dinero disponible informo de
la situación y mando al navegador a la página donde se muestra su carrito de la
compra.
Expresiones condicionales
La expresión a evaluar se coloca siempre entre paréntesis y está compuesta por
variables que se combinan entre si mediante operadores condicionales. Recordamos
que los operadores condicionales relacionaban dos variables y devolvían siempre
un resultado boleano. Por ejemplo un operador condicional es el operador "es
igual" (
), que devuelve true en caso de que los dos operandos sean iguales o
false en caso de que sean distintos.
if (edad > 18)
document.write("puedes ver esta página para adultos")
En este ejemplo utilizamos en operador condicional "es mayor" (>). En este caso,
devuelve true si la variable edad es mayor que 18, con lo que se ejecutaría la
línea siguiente que nos informa de que se puede ver el contenido para adultos.
Las expresiones condicionales se pueden combinar con las expresiones lógicas
para crear expresiones más complejas. Recordamos que las expresiones lógicas son
las que tienen como operandos a los boleanos y que devuelvan otro valor boleano.
Son los operadores negación lógica, Y lógico y O lógico.
if (bateria 0 && redElectrica = 0)
document.write("tu ordenador portatil se va a apagar en segundos")
Lo que hacemos es comprobar si la batería de nuestro supuesto ordenador está a
cero (acabada) y también comprobamos si el ordenador no tiene red eléctrica (está
desenchufado). Luego, el operador lógico los relaciona con un Y, de modo que si
está sin batería Y sin red eléctrica, informo que el ordenador se va a apagar.
La lista de operadores que se pueden utilizar con las estructuras IF se pueden
ver en el capítulo de operadores condicionales y operadores lógicos.
