You are here
Estrcturas condicionales de JavaScript Sin categoría 

Estrcturas condicionales de JavaScript

Estrcturas condicionales de JavaScript

 

Estructuras condicionales simple

 

No todos los problemas pueden resolverse empleando estructuras secuenciales. Cuando hay que tomar una decisión aparecen las estructuras condicionales.
En nuestra vida diaria se nos presentan situaciones donde debemos decidir.
¿Elijo la carrera A o la carrera B ?
¿Me pongo este pantalón ?
¿Entro al sitio A o al sitio B ?
Para ir al trabajo, ¿elijo el camino A o el camino B ?
Al cursar una carrera, ¿elijo el turno mañana, tarde o noche ?

Ejemplo: Realizar la carga de una nota de un alumno. Mostrar un mensaje que aprobó si tiene una nota mayor o igual a 4:
<html>
<head>
</head>
<body>
<script language=”javascript”>
var nombre;
var nota;
nombre=prompt(‘Ingrese nombre:’,”);
nota=prompt(‘Ingrese su nota:’,”);
if (nota>=4)
{
document.write(nombre+’ esta aprobado con un ‘+nota);
}
</script>
</body>
</html>
Aparece la instrucción if en el lenguaje JavaScript. La condición debe ir entre paréntesis. Si la condición se verifica verdadera se ejecuta todas las instrucciones que se encuentran encerradas entre las llaves de apertura y cerrado seguidas al if.

Para disponer condiciones en un if podemos utilizar alguno de los siguientes operadores relacionales:

>  mayor
>= mayor o igual
<  menor
<= menor o igual
!= distinto
== igual

Siempre debemos tener en cuenta que en la condición del if deben intervenir una variable un operador relacional y otra variable o valor fijo.

Otra cosa que hemos incorporado es el operador + para cadenas de caracteres:
document.write(nombre+’ esta aprobado con un ‘+nota);

Con esto hacemos más corto la cantidad de líneas de nuestro programa, recordemos que veníamos haciéndolo de la siguiente forma:

document.write(nombre);
document.write(‘ esta aprobado con un ‘);
document.write(nota);
10.- Estructuras condicionales compuestas

Cuando se presenta la elección tenemos la opción de realizar una actividad u otra. Es decir tenemos actividades por el verdadero y por el falso de la condición. Lo más importante que hay que tener en cuenta es que se realizan las actividades de la rama del verdadero o las del falso, NUNCA se realizan las actividades de las dos ramas.
En una estructura condicional compuesta tenemos entradas, salidas, operaciones, tanto por la rama del verdadero como por la rama del falso.

Ejemplo: Realizar un programa que lea dos números distintos y muestre el mayor de ellos:

<html>
<head>
</head>
<body>
<script language=”javascript”>
var num1,num2;
num1=prompt(‘Ingrese el primer número:’,”);
num2=prompt(‘Ingrese el segundo número:’,”);
num1=parseInt(num1);
num2=parseInt(num2);
if (num1>num2)
{
document.write(‘el mayor es ‘+num1);
}
else
{
document.write(‘el mayor es ‘+num2);
}
</script>
</body>
</html>
La función prompt retorna un string por lo que debemos convertirlo a entero cuando queremos saber cual de los dos valores es mayor numéricamente. En el lenguaje JavaScript una variable puede ir cambiando el tipo de dato que almacena a lo largo de la ejecución del programa.
Estamos en presencia de una ESTRUCTURA CONDICIONAL COMPUESTA ya que tenemos actividades por la rama del verdadero y del falso.

La estructura condicional compuesta tiene la siguiente codificación:
if (<condición>)
{
<Instruccion(es)>
}
else
{
<Instruccion(es)>
}
Es igual que la estructura condicional simple salvo que aparece la palabra clave “else” y posteriormente un bloque { } con una o varias instrucciones.
Si la condición del if es verdadera se ejecuta el bloque que aparece después de la condición, en caso que la condición resulte falsa se ejecuta la instrucción o bloque de instrucciones que indicamos después del else.
11.- Estructuras condicionales anidadas

Decimos que una estructura condicional es anidada cuando por la rama del verdadero o el falso de una estructura condicional hay otra estructura condicional.
Ejemplo: Confeccionar un programa que pida por teclado tres notas de un alumno, calcule el promedio e imprima alguno de estos mensajes:
Si el promedio es >=7 mostrar “Promocionado”.
Si el promedio es >=4 y <7 mostrar “Regular”.
Si el promedio es <4 mostrar “Reprobado”.

Solución:
<html>
<head>
</head>
<body>
<script language=”javascript”>
var nota1,nota2,nota3;
nota1=prompt(‘Ingrese 1ra. nota:’,”);
nota2=prompt(‘Ingrese 2da. nota:’,”);
nota3=prompt(‘Ingrese 3ra. nota:’,”);
//Convertimos los 3 string en enteros
nota1=parseInt(nota1);
nota2=parseInt(nota2);
nota3=parseInt(nota3);
var pro;
pro=(nota1+nota2+nota3)/3;
if (pro>=7)
{
document.write(‘promocionado’);
}
else
{
if (pro>=4)
{
document.write(‘regular’);
}
else
{
document.write(‘reprobado’);
}
}
</script>
</body>
</html>
Analicemos el siguiente programa. Se ingresan tres string por teclado que representan las notas de un alumno, se transformas a variables enteras y se obtiene el promedio sumando los tres valores y dividiendo por 3 dicho resultado. Primeramente preguntamos si el promedio es superior o igual a 7, en caso afirmativo por la rama del verdadero de la estructura condicional mostramos un mensaje que indique ‘Promocionado’ (con comillas indicamos un texto que debe imprimirse en pantalla).

En caso que la condición nos de falso, por la rama del falso aparece otra estructura condicional, porque todavía debemos averiguar si el promedio del alumno es superior/ igual a cuatro o inferior a cuatro.

Los comentarios en JavaScript los hacemos disponiendo dos barras previas al comentario:

// Convertimos los 3 string en enteros

Si queremos disponer varias líneas de comentarios tenemos como alternativa:

/*
linea de comentario 1.
linea de comentario 2.
etc.
*/

Es decir encerramos el bloque con los caracteres /* */
12.- Operadores lógicos && (y) en las estructuras condicionales

El operador &&, traducido se lo lee como “Y”. Se emplea cuando en una estructura condicional se disponen dos condiciones.  Cuando vinculamos dos o más condiciones con el operador “&&” las dos condiciones deben ser verdaderas para que el resultado de la condición compuesta de Verdadero y continúe por la rama del verdadero de la estructura condicional.

Recordemos que la condición debe ir entre paréntesis en forma obligatoria.
La utilización de operadores lógicos permiten en muchos casos, plantear algoritmos más cortos y comprensibles.

Veamos un ejemplo:
Confeccionar un programa que lea por teclado tres números distintos y nos muestre el mayor de ellos.
<html>
<head>
</head>
<body>
<script language=”javascript”>
var num1,num2,num3;
num1=prompt(‘Ingrese primer número:’,”);
num2=prompt(‘Ingrese segundo número:’,”);
num3=prompt(‘Ingrese tercer número:’,”);
num1=parseInt(num1);
num2=parseInt(num2);
num3=parseInt(num3);
if (num1>num2 && num1>num3)
{
document.write(‘el mayor es el ‘+num1);
}
else
{
if (num2>num3)
{
document.write(‘el mayor es el ‘+num2);
}
else
{
document.write(‘el mayor es el ‘+num3);
}
}
</script>
</body>
</html>
Podemos leerla de la siguiente forma:
Si el contenido de la variable num1 es mayor al contenido de la variable num2 Y si el contenido de la variable num1 es mayor al contenido de la variable num3 entonces la CONDICION COMPUESTA resulta Verdadera.
Si una de las condiciones simples da falso, la CONDICION COMPUESTA da Falso y continúa por la rama del falso.
Es decir que se mostrará el contenido de num1 si y sólo si num1>num2 y num1>num3.
En caso de ser Falsa la condición de la rama del falso, analizamos el contenido de num2 y num3 para ver cual tiene un valor mayor.

En esta segunda estructura condicional, al haber una condición simple, no se requieren operadores lógicos.

13.- Operadores lógicos || (o) en las estructuras condicionales

Traducido se lo lee como “O”. Si la condición 1 es Verdadera o la condición 2 es Verdadera, luego ejecutar la rama del Verdadero. Cuando vinculamos dos o más condiciones con el operador “O”, con que una de las dos condiciones sea Verdadera alcanza para que el resultado de la condición compuesta sea Verdadero.

Ejemplo: Se carga una fecha (día, mes y año) por teclado. Mostrar un mensaje si corresponde al primer trimestre del año (enero, febrero o marzo).

Cargar por teclado el valor numérico del día, mes y año por separado.

<html>
<head>
</head>
<body>
<script language=”javascript”>
var dia,mes,año;
dia=prompt(‘Ingrese día:’,”);
mes=prompt(‘Ingrese mes:’,”);
año=prompt(‘Ingrese año:’,”);
dia=parseInt(dia);
mes=parseInt(mes);
año=parseInt(año);
if (mes==1 || mes==2 || mes==3)
{
document.write(‘corresponde al primer trimestre del año.’);
}
</script>
</body>
</html>

La carga de una fecha se hace por partes, ingresamos las variables dia, mes y año.


 

Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros

Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información

Related posts

Comments

Leave a Comment


*