Anuncios

Bienvenidos sean a este post, hoy veremos varios temas interesantes.

Anuncios

Cuando nos referimos al control de flujos son tambien denominados como condicionales porque permiten que nuestro codigo no solamente vaya en linea recta sino que pueda tomar otros caminos, veamos el primero.

Anuncios

if

Este es el condicional universal por excelencia porque existe en todo lenguaje de programacion, este nos permite dar cierta «inteligencia» porque gracias a este podremos tomar decisiones, veamos primero su sintaxis:

if (condicion)
{
	... instrucciones ...
}
else if (condicion)
{
	... instrucciones ...
}
else
{
	... instrucciones ...
}
Anuncios

Este es su sintaxis completa, de la cual la unica obligatoria es la de if con la condicion, en cambio las otras son opcionales, la opcion else if nos permite evaluar otra condicion diferente a la primera y de estas podemos tener todas las que necesitemos, por ultimo si utilizamos a else siempre ira al final y sera para cerrar el condicional dado que se ejecutara si no se cumplio ninguna de las anteriores, les dejo un ejemplo para ver su estructura:

if (x == "s")
{
	alert("Buena decision");
}
else if (x == "n")
{
	alert("respeto tu decision");
}
else
{
	alert("debes ingresar s o n");
}
Anuncios

Observen como es la primera condicion, si x tiene ese valor muestra ese mensaje, en cambio en la segunda verificamos si tomo otro valor y en caso de cumplirse muestra otro mensaje, por ultimo si no ingresamos ninguno de estos dos valores, else se encargara de avisarnos que debe ser entre estos dos, pasemos al siguiente.

Anuncios

switch

Este es otro condicional similar a if pero q trabaja de manera distinta porque en lugar de evaluar una condicion tomara una variable y evaluara los distintos valores que puede tomar, veamos su sintaxis:

switch(variable)
{
	case valor1:
		... instrucciones ...
		break;
	case valor1:
		... instrucciones ...
		break;
	...
	case valor1:
		... instrucciones ...
		break;
	default:
		... instrucciones ...
		break;
}
Anuncios
Anuncios

Como dijimos en la funcion pasamos la variable u objeto, porque puede ser un objeto tambien, despues tendremos un bloque representado por un case que tendra un valor asociado donde si la variable posee el valor del case procede a ejecutar todas las instrucciones que posea y cuando llegue al break es el encargado de informarle de salir del switch, por un lado podemos tener todos los case que sean necesarios, estos pueden utilizar cualquier tipo de valor e inclusive expresiones, por ejemplo en lugar de 4 podemos pasar 2 + 2, por ultimo tenemos a default que al igual que else, que hablamos en if, se ejecuta cuando todo lo anterior falla y es opcional tambien pero es siempre recomendable pasarlo, tomemos el ejemplo anterior y pasemoslo a switch:

switch(x)
{
	case "s":
		alert("Buena decision");
		break;
	case "n":
		alert("respeto tu decision");
		break;
	default:
		alert("debes ingresar s o n");
		break;
}
Anuncios

Como pueden ver reemplazamos al if y el else if con dos case donde evaluan las condiciones y en caso de coincidir procede a ejecutar las instrucciones correspondientes, pero no crean que esta funcion reemplaza a la otra sino que se complementan, con esto tenemos las dos funciones para el control de flujos o condiciones, pasemos a ver las funciones de bucles.

Anuncios

for

Si if es el condicional universal, este es el bucle universal por excelencia y esta en todos los lenguajes tambien, podra variar en su sintaxis pero la accion es siempre la misma, veamos su sintaxis:

for(contador = valor_inicial; condicion; contador++)
{
	... intrucciones ...
}
Anuncios

Siempre tendremos una variable que usaremos de contador con un valor inicial, luego pasaremos una condicion que debe ser alcanzada por el contador anterior para finalizar el bucle, lo siguiente sera la operacion para incrementar el valor del contador, tambien se puede disminuir con el operador –, dentro del bloque iran todas las instrucciones que debemos repetir en el bucle, veamos un simple ejemplo:

for(var c=0; c < 10; c++)
{
	document.write(c);
}
Anuncios

Aqui tendremos una variable que comenzara desde 0, esta se ejecutara mientras la variable sea menor a 10, y en el ultimo incrementaremos a esta variable, por ultimo en el bloque mostraremos el valor de la variable en cada pasada, veamos otra variante del for.

Anuncios

for…of

Este bucle a diferencia del anterior esta pensado para «consumir» un objeto iterable y este lo almacenara en un array para poder utilizarlo, veamos su sintaxis:

for(let array of iterador)
{
	... instrucciones ...
}
Anuncios

Este es un poco mas simple pero pasara por todos los elementos del objeto iterable, veamos un ejemplo:

for(let x of objIt)
{
	document.write(x);
}
Anuncios

Vamos a suponer que tenemos un objeto iterable llamado objIt este pasara todo los elementos a x, y en el bucle mostraremos cada uno de los elementos que vamos pasando al array x, hago enfasis en que este es ideal para cuando necesitamos recuperar todos los elementos de un objeto iterable o coleccion, en cambio el otro esta pensado para repetir una accion la cantidad de veces necesaria.

Anuncios

while

Este es denominado habitualmente como «bucle infinito» porque en lugar de terminar porque se cumpla una condicion donde terminamos de «contar» o pasamos por todos los elementos de un objeto a este le podemos especificar una mejor condicion para finalizarlo, veamos su sintaxis:

while(condicion)
{
	... instrucciones ...
}
Anuncios

En este caso mientras no se cumpla la condicion se ejecutaran las instrucciones dentro del bloque del bucle, veamos un ejemplo simple:

while(p != "q")
{
	a++;
	document.write(a);
}
Anuncios

En este ejemplo mientras p sea distinto de la letra q este incrementara el valor de a y lo mostraremos en pantalla, en este caso sera al infinito porque no se detendra dado que la ccondicion nunca se cumplira, este piensenlo como los bucles de vida de un programa donde mientras no se cumpla la condicion de salida se ejecutara todo el codigo, tambien se usa mucho para un menu o para video juegos, otra variante que se puede usar es la siguiente:

do
{

	... instrucciones ...

} while(condicion);
Anuncios

Es exactamente lo mismo a lo que vimos anteriormente pero con la condicion al final, antiguamente tenia una utilidad pero hoy en dia la perdio y hace exactamente lo mismo que la otra pero se las muestro porque pueden encontrar en algun codigo este tipo de sintaxis.

Anuncios

Con esto hemos comentado muy basicamente los condicionales y bucles que podemos usar en Javascript y por extension a node.js, si quieren ver algun ejemplo o ahondar en mas detalle les recomiendo visitar el curso de Javascript que tengo en el blog, les dejo el link:

Anuncios

En resumen, hoy hemos visto los resumenes de dos temas que nos seran muy utiles en nuestros codigos, primero hablamos sobre los condicionales, los cuales nos permiten dotar de cierta «inteligencia» a nuestros codigos y que puedan tomar decisiones en base a los datos recibidos, despues hablamos sobre los bucles los cuales nos permiten desde repetir una accion por determinada cantidad de veces, pasar por todos los elementos de un objeto iterable hasta entrar en un bucle para repetir el codigo del programa, espero les haya sido de utilidad sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.

Anuncios

Donación

Es para mantenimento del sitio, gracias!

$1.50