.png)
Curso de Javascript: Estructuras de Control
A la hora de controlar el flujo de nuestra aplicación deberemos conocer la sintaxis básica de las estructuras de control en JS.
Sentencias condicionales
If, if-else, if-else-if
La sentencia condicional por excelencia el IF, aquí veremos una serie de ejemplos de su uso
//sentencias condicionales
var numero=4;
//if simple
if(numero>3){
console.log(“es mayor que 3”);
}
//if -else
if(numero>=3){
console.log(“es mayor o igual que 3”);
}else{
console.log(“es menor que 3”);
}
//if else if
if(numero==3){
console.log(“es igual que 3”);
}else if(numero>3){
console.log(“es mayor que 3”);
}
var numero2=2;
if(numero>3 && numero2<3){
console.log(“cumple las dos condiciones”);
}
var booleana=false;
if(!booleana){
console.log(“debería entrar si booleana es false, porque al negarla es true”);
}
if(numero==3 || numero2==2){
console.log(“entra si se cumple una de las dos condiciones”);
}
Switch, condicional múltiple
Esta sentencia nos permitirá sobre una variables establecer una serie de posibles valores con los case, no olvides colocar el break; siempre antes del siguiente caso.
El caso especial default permite definir que pasa si no se da el caso de los case que hayamos definidos previamente. Si no coincide con ninguno de los casos se entrará al default:
//sentencia switch
var edad=20;
switch(edad){
case 10:
console.log(“tiene 10 años”);
break;
case 18:
console.log(“acaba de ser ayor de edad”);
break;
case 30:
console.log(“es un adulto”);
break;
default:
console.log(“tiene “+edad+” años”);
break;
}
Bucles
While
El bucle while o como me enseñaron en la facultad “el jhon wayne” es el que primero pregunta y luego dispara 🙂
//bucle while
var i=0;
while(i<10){
console.log(i);
i++;
}
For
El bucle for o “la ametralladora” tiene un cargador de X balas, o dará un número de vueltas mientras que se cumpla la condición.
//bucle for
for(i=0;i<10;i++){
console.log(i);
}
Do-While
El bucle do-while o como me enseñaron en la facultad “Harry el sucio” es el que primero dispara y luego pregunta 🙂 Aunque yo últimamente lo llamo el “Vin Diesel” por XXX
//bucle do-while
i=0;
do{
console.log(i);
i++;
}while(i<10);
FOR-IN
Este bucle es lo más parecido a un foreach de PHP, en la parte derecha de la condición ponemos el objeto que queremos recorrer y en la izquierda el nombre de la variable que representará el objeto porque iteremos cada propiedad del objeto. Si copiáis y pegais el código que hay a continuación y descomentáis la línea del consolé.log, veréis por consola todas la propiedades del objeto document. No os agobiéis 😉
//bucle for in
for( item in document){
//descomenta la siguiente línea si quieres saber todas las propiedades de document
//console.log(item);
}
FOR-IN para arrays
El for in también puede utilizarse para recorrer arras, por lo que en este caso, ítem, valdrá en cada vuelta, 1, 2, 3 y 4 en la última vuelta.
var array=[1,2,3,4];
for( item in array){
console.log(item);
console.log(array[item]);
}
Ruptura de bucles
Como en otros lenguajes podemos usar el break y el continue para romper los bucles, por ejemplo:
var i=0;
while(i<10){
console.log(i);
if(i==2){
break;
}
i++;
}
Gestión de Excepciones
Hay casos donde tenemos que controlar posibles excepciones que puedan llegar a saltar, como al abrir un fichero o llamar a una función que no existe, para ellos usaremos el try catch. El finaly lo utilizaremos para que pueda ejecutares en cualquier caso.
//try-catch-finnaly
try {
funcion_que_no_existe();
} catch(ex) {
console.log(“Error detectado: “ + ex.description);
}finally{
console.log(“hazlo de todas maneras”);
}
Este obra está bajo una licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 España.
Comments