JS, Node.js, Frontend, Backend, Firebase, Express, Patrones, HTML5_APIs, Asincronía, Websockets, Testing
-
Estructura:
/* --while-- while (-Condición-) { -Instrucciones- }; */
-
Documentación:
-
Bucle infinito: Este es un error muy común.
while (true) { console.log("Este texto se imprime hasta el infinito..."); };
-
Bucle que no se ejecutará:
while (false) { console.log("Este texto jamas se imprimirá..."); };
-
Ejemplo:
var control = 1; while (control <= 10) { console.log(control); control++; };
-
Estructura for clásico:
/* --for-- for (-Expresión inicial-; -Condición-; -Expresión Actualización-) { -Instrucciones- }; */
-
Estructura for/in:
/* --for/in-- for (-variable local- in -objeto iterable-) { -Instrucciones- } */
-
Estructura for/of:
/* --for/of-- for (-variable local- of -secuencia iterable-) { -Instrucciones- } */
-
Documentación:
-
Ejemplo for clásico:
for (var i = 0; i < 10; i++) { console.log(i); }
-
Ejemplo for/in:
var persona = {nombre:"Pepe", apellidos:"Perez", edad:25}; var texto = ""; for (var x in persona) { texto += persona[x]; } console.log(texto);
-
Ejemplo for/of:
var frutas = ['Patatas', 'Pescado', 'Naranjas']; for (var producto of frutas) { console.log("Producto: "+producto); }
-
Estructura:
/* --Do...while-- do{ -Instrucciones- } while (-Condición-); */
-
Documentación:
-
Ejemplo:
var i = 0; do { i++; console.log(i); } while (i < 10);
-
Al menos se ejecutará una vez, aunque la premisa no sea verdadera.
do{ console.warn("me ejecuto") } while (false);
- Continue nos permite saltar parte del bucle.
for (var i = 0; i < 10; i++) {
// Salta el 5 y sigue...
if (i === 5) {
continue;
}
console.log("El valor de i es "+i);
}- Break nos permite salir del bucle.
for (var i = 0; i < 10; i++) {
// Llega a 5 y sale.
if (i === 5) {
break;
}
console.log("El valor de i es "+i);
}-
Ejemplo usando decrecimiento:
for (var i = 10; i > 0; i--) { console.log(i); }
-
Ejemplo usando varios contadores:
for (var i = 0, x = 1, z = 2, tope = 10; i <= tope; x *= z, i++ ) { console.log("i vale "+i+", x vale "+x+", z vale "+z); }
Realiza los siguientes ejercicios usando en cada uno los tres tipos de bucles (Do...While, For, While )
1 - Nivel Medio
-
Características:
- La palabra clave es "Fictizia mola mucho"
- Solo existen tres intentos
- Si se pasan los tres intentos. Se despliega un mensaje informativo.
-
Usando for
function eureka() {
var clave = "Fictizia mola mucho";
var acierto = false;
var contador = 0
for (; contador < 3 & acierto === false; contador++) {
var secreto = prompt("Dime el secreto:");
if (secreto === clave) {
acierto = true;
console.info(secreto, "es la clave que esperaba!")
} else {
console.warn(secreto, " no es correcto.")
}
};
if(contador >= 3){
console.warn("Lo siento... pero has agotado los 3 intentos.")
}
}- Usando while y break
function eureka() {
var clave = "Fictizia mola mucho";
var contador = 0
while(contador < 3){
var secreto = prompt("Dime el secreto:");
if (secreto === clave) {
console.info(secreto, "es la clave que esperaba!")
break; // elimina más intentos
} else {
console.warn(secreto, " no es correcto.")
}
contador++;
}
if(contador >= 3){
console.warn("Lo siento... pero has agotado los 3 intentos.")
}
}- Usando Do...While
function eureka() {
var clave = "Fictizia mola mucho";
var acierto = false;
var contador = 0
do {
var secreto = prompt("Dime el secreto:");
if (secreto === clave) {
acierto = true;
console.info(secreto, "es la clave que esperaba!")
} else {
console.warn(secreto, " no es correcto.")
}
contador++;
} while (contador < 3 & acierto === false);
if(contador > 3){
console.warn("Lo siento... pero has agotado los 3 intentos.")
}
}2 - Diseña un algoritmo que imprima los numeros del 1 al 100.
- Usando for
function contadorPositivo() {
console.info("Empieza la cuenta!");
for (var i = 1; i <= 100; i++) {
console.log(i)
};
console.info("Terminó la cuenta mágica...");
}- Usando while
function contadorPositivo() {
console.info("Empieza la cuenta!");
var i = 1
while (i <= 100) {
console.log(i);
i++;
};
console.info("Terminó la cuenta mágica...");
}- Usando Do...While
function contadorPositivo() {
console.info("Empieza la cuenta!");
var i = 1
do {
console.log(i);
i++;
} while (i <= 100);
console.info("Terminó la cuenta mágica...");
}3 - Diseña un algoritmo que imprima los numeros del 100 al 0.
- Usando for
function contadorNegativo() {
console.info("Empieza la cuenta!");
for (var i = 100; i >= 0; i--) {
console.log(i)
};
console.info("Terminó la cuenta mágica...");
}- Usando while
function contadorNegativo() {
console.info("Empieza la cuenta!");
var i = 100
while (i >= 0) {
console.log(i);
i--;
};
console.info("Terminó la cuenta mágica...");
}- Usando Do...While
function contadorNegativo() {
console.info("Empieza la cuenta!");
var i = 100
do {
console.log(i);
i--;
} while (i >= 0);
console.info("Terminó la cuenta mágica...");
}4 - Diseña un algoritmo que imprima los numeros pares entre 0 y 100.
- Usando for
function contadorPares() {
console.info("Empieza la cuenta!");
for (var i = 0; i <= 100; i += 2) {
console.log(i)
};
console.info("Terminó la cuenta mágica...");
}- Usando while
function contadorPares() {
console.info("Empieza la cuenta!");
var i = 0
while (i <= 100) {
console.log(i);
i += 2;
};
console.info("Terminó la cuenta mágica...");
}- Usando Do...While
function contadorPares() {
console.info("Empieza la cuenta!");
var i = 0
do {
console.log(i);
i += 2;
} while (i <= 100);
console.info("Terminó la cuenta mágica...");
}5 - Diseña un algoritmo que imprima los números impares entre un número dado por el usuario y los siguientes 50 números.
- Usando for (desestructurado)
function contador50Impares(numero) {
var impar = 0;
console.info("Empieza la cuenta!");
for ( ; impar <= 50 ; ) {
if (numero % 2 !== 0){
console.log(numero);
impar++
}
numero++
};
console.info("Terminó la cuenta mágica...");
}- Usando while
function contador50Impares(numero) {
console.info("Empieza la cuenta!");
var i = 1
while (i <= 50) {
if (numero % 2 !== 0){
console.log(numero);
}
numero++
i++;
};
console.info("Terminó la cuenta mágica...");
}- Usando Do...While
function contador50Impares(numero) {
console.info("Empieza la cuenta!");
var i = 1
do {
if (numero % 2 !== 0){
console.log(numero);
numero++
} else (
numero++
)
i ++;
} while (i <= 50);
console.info("Terminó la cuenta mágica...");
}6 - Diseña un algoritmo que imprima la suma de los 50 primeros numeros pares y el total de números impares partiendo de un número dado por el usuario
- Usando for
function contadorEspecial(numero) {
var totalImpares = 0;
var totalPares = 0;
console.info("Empieza la cuenta!");
for (var i = 1; i <= 50; i++) {
if (numero % 2 !== 0){
totalImpares += numero;
numero++;
} else {
totalPares += numero;
numero++;
}
};
console.info("Total de suma de pares ", totalPares);
console.info("Total de suma de impares ", totalImpares);
console.info("Terminó la cuenta mágica...");
}- Usando while
function contadorEspecial(numero) {
var totalImpares = 0;
var totalPares = 0;
console.info("Empieza la cuenta!");
var i = 1
while (i <= 50) {
if (numero % 2 !== 0){
totalImpares += numero;
numero++;
} else {
totalPares += numero;
numero++;
}
i++;
};
console.info("Total de suma de pares ", totalPares);
console.info("Total de suma de impares ", totalImpares);
console.info("Terminó la cuenta mágica...");
}- Usando Do...While
function contadorEspecial(numero) {
var totalImpares = 0;
var totalPares = 0;
console.info("Empieza la cuenta!");
var i = 1
do {
if (numero % 2 !== 0){
totalImpares += numero;
numero++;
} else {
totalPares += numero;
numero++;
}
i ++;
} while (i <= 50);
console.info("Total de suma de pares ", totalPares);
console.info("Total de suma de impares ", totalImpares);
console.info("Terminó la cuenta mágica...");
}7 - Nivel Avanzado
- Esperamos que el número sea menor de 50
- Usando for
function conversionRomana(numero) {
var numeroOriginal = numero;
if (numero <= 50 && numero > 0){
var numeroRomano = "";
for(; numero > 0 ;){
if(numero === 50){
numeroRomano = "L";
numero = 0;
} else if (numero >= 40 && numero < 50){
numeroRomano += "XL";
numero -= 40;
} else if (numero >= 10 && numero < 40){
numeroRomano += "X";
numero -= 10;
} else if(numero === 9){
numeroRomano += "IX";
numero -= 9;
} else if(numero === 8){
numeroRomano += "VIII";
numero -= 8;
} else if (numero === 7){
numeroRomano += "VII";
numero -= 7;
} else if (numero === 6){
numeroRomano += "VI";
numero -= 6;
} else if (numero === 5) {
numeroRomano += "V";
numero -= 5;
} else if (numero === 4){
numeroRomano += "IV";
numero -= 4;
} else if(numero <= 3 && numero > 0){
numeroRomano += "I";
numero -= 1;
}
}
console.info(numeroOriginal + " en números romanos es " + numeroRomano);
} else {
console.warn(numeroOriginal + "NO es un número valido (0-50)");
}
}- Usando while
function conversionRomana(numero) {
var numeroOriginal = numero;
if (numero <= 50 && numero > 0){
var numeroRomano = "";
while(numero > 0){
if(numero === 50){
numeroRomano = "L";
numero = 0;
} else if (numero >= 40 && numero < 50){
numeroRomano += "XL";
numero -= 40;
} else if (numero >= 10 && numero < 40){
numeroRomano += "X";
numero -= 10;
} else if(numero === 9){
numeroRomano += "IX";
numero -= 9;
} else if(numero === 8){
numeroRomano += "VIII";
numero -= 8;
} else if (numero === 7){
numeroRomano += "VII";
numero -= 7;
} else if (numero === 6){
numeroRomano += "VI";
numero -= 6;
} else if (numero === 5) {
numeroRomano += "V";
numero -= 5;
} else if (numero === 4){
numeroRomano += "IV";
numero -= 4;
} else if(numero <= 3 && numero > 0){
numeroRomano += "I";
numero -= 1;
}
}
console.info(numeroOriginal + " en números romanos es " + numeroRomano);
} else {
console.warn(numeroOriginal + "NO es un número valido (0-50)");
}
}- Usando Do...While
function conversionRomana(numero) {
var numeroOriginal = numero;
if (numero <= 50 && numero > 0){
var numeroRomano = "";
do{
if(numero === 50){
numeroRomano = "L";
numero = 0;
} else if (numero >= 40 && numero < 50){
numeroRomano += "XL";
numero -= 40;
} else if (numero >= 10 && numero < 40){
numeroRomano += "X";
numero -= 10;
} else if(numero === 9){
numeroRomano += "IX";
numero -= 9;
} else if(numero === 8){
numeroRomano += "VIII";
numero -= 8;
} else if (numero === 7){
numeroRomano += "VII";
numero -= 7;
} else if (numero === 6){
numeroRomano += "VI";
numero -= 6;
} else if (numero === 5) {
numeroRomano += "V";
numero -= 5;
} else if (numero === 4){
numeroRomano += "IV";
numero -= 4;
} else if(numero <= 3 && numero > 0){
numeroRomano += "I";
numero -= 1;
}
} while (numero > 0)
console.info(numeroOriginal + " en números romanos es " + numeroRomano);
} else {
console.warn(numeroOriginal + "NO es un número valido (0-50)");
}
}8 - Hacer uso de for...in para sacar mensajes como este:
Ejemplo de salida: Nombre: Jason Nissen, Apellidos: jasonnissen, puesto:1
//Ejemplo array de 3 objetos JSON:
/*
var clase =
[ {"name":"Jason Nissen","username":"jasonnissen","puesto":1},
{"name":"Chris Rouw","username":"chrisrouw","puesto":3},
{"name":"Chad Feldmann","username":"cfeldmann","puesto":2}];
*/
function ejercicioForIn(){
var clase =
[ {"name":"Jason Nissen","username":"jasonnissen","puesto":1},
{"name":"Chris Rouw","username":"chrisrouw","puesto":3},
{"name":"Chad Feldmann","username":"cfeldmann","puesto":2}];
// Solución 1
for(var i in clase){
console.log("Nombre:"+clase[i]["name"]+", Apellidos:"+clase[i]["username"]+", puesto:"+clase[i]["puesto"]);
}
}
// Solución 2
function ejercicioForIn(){
var clase =
[ {"name":"Jason Nissen","username":"jasonnissen","puesto":1},
{"name":"Chris Rouw","username":"chrisrouw","puesto":3},
{"name":"Chad Feldmann","username":"cfeldmann","puesto":2}];
for(var i=0;i<clase.length;i++){
var msj = "";
for(var clave in clase[i]){
msj+= clave +":"+clase[i][clave]+",";
}
console.log(msj);
}
}