8. academianumen.com
Estructura
secuencial:
Es aquella estructura
en la cual una
instrucción o acción
sigue a otra en un
único hilo.
Por ejemplo el
procedimiento para
lavarse los dientes.
Estructura condicional:
Esta estructura nos
permite decidir por cuál
alternativa seguirá el
flujo del programa
dependiendo del
resultado de la
evaluación de una
condición.
9. academianumen.com
Estructura
secuencial
Una hoja de JavaScript funciona como un gran algoritmo, en el cual cuanta instrucción
coloquemos en ella se irá ejecutando en un orden secuencial, es decir una detrás de otra. Aquí
podemos observar una cadena de impresiones en la consola.
console.log("Inicio")
console.log("Instrucción 1")
console.log("Instrucción 2")
console.log("Instrucción 3")
console.log("Instrucción 4")
console.log("Instrucción 5")
console.log("Fin")
10. academianumen.com
Estructura condicional o de
control
Para poder representar una estructura condicional en JavaScript necesitamos de una
serie de palabras reservadas que definirán algunos bloques cerrados donde
depositaremos una o varias instrucciones a ejecutar.
if (/* Condición */) {
/* Instrucciones
*/
}
If - else
Palabra reservada
La condición
representa un
valor booleano.
Llaves que definen el
bloque de instrucciones.
Instrucciones
11. academianumen.com
var comida = 1;
console.log("No tengo hambre");
if (comida === 0) {
console.log("Tengo hambre, voy a comer");
}
console.log("No tengo hambre");
Veamos cómo transformamos una
estructura secuencial en una estructura
condicional.
12. academianumen.com
var numero = 5;
if (numero > 10) {
console.log("Mayor que 10")
} else {
console.log("Menor que 10")
}
else
else es una palabra reservada del lenguaje que
encierra instrucciones que se ejecutan cuando
la condición de nuestra estructura no se
cumple.
13. academianumen.com
var numero = 1;
if (numero === 1) {
console.log("Instrucción 1")
} else if(numero === 2) {
console.log("Instrucción 2")
} else if(numero === 3) {
console.log("Instrucción 3")
} else if(numero === 4) {
console.log("Instrucción 4")
} else if(numero === 5) {
console.log("Instrucción 5")
} else {
console.log("Instrucción X")
}
else
if
Para poder extender nuestra
estructura a múltiples
condiciones utilizamos el
else if. Estos pueden
encadenarse infinitamente,
motivo por el cual, si escala
demasiado se vuelve algo
complejo de leer.
15. academianumen.com
Estructuras de control de flujo: Switch -
Case
La declaración switch evalúa una
expresión, comparando el valor de esa
expresión con una instancia case, y
ejecuta declaraciones asociadas a ese
case, así como las declaraciones en los
case que siguen.
var productos = 2;
switch (productos) {
case 1:
console.log("Té")
break;
case 2:
console.log("Café")
break;
case 3:
console.log("Agua")
break;
default:
console.log("Caramelo media hora")
break;
}
18. academianumen.com
¿Qué es un bucle o ciclo?
Los bucles ofrecen una forma rápida y sencilla de hacer algo repetidamente. Hay muchos diferentes
tipos de bucles, pero esencialmente, todos hacen lo mismo: repiten una acción varias veces. Los
diversos mecanismos de bucle ofrecen diferentes formas de determinar los puntos de inicio y
terminación del bucle. Hay varias situaciones que son fácilmente atendidas por un tipo de bucle que
por otros.
19. academianumen.com
Podríamos pensar el bucle como una carrera. Mientras que no se
cumpla la condición de que estemos cansados podremos seguir
corriendo. Pero en el momento que esta se cumple, nos
detendremos.
20. academianumen.com
Bucles
while
Crea un bucle que ejecuta una
sentencia especificada mientras cierta
condición se evalúe como verdadera.
Dicha condición es evaluada antes de
ejecutar la sentencia.
do while
La sentencia (hacer mientras) crea un bucle que
ejecuta una sentencia especificada, hasta que la
condición de comprobación se evalúa como falsa. La
condición se evalúa después de ejecutar la
sentencia, dando como resultado que la sentencia
especificada se ejecute al menos una vez.
var contador = 0;
do {
console.log("do while" + contador);
contador++
} while (contador < 10);
var contador = 0;
while (contador < 10) {
console.log(contador);
contador++
}
22. academianumen.com
for (/* Variable */; /* Condicion */; /* Incrementador */) {
/* Instrucciones */
}
Palabra
reservada
Variable que
contiene el
valor inicial del
bucle.
Condición que, en caso
de dejar de cumplirse,
detendrá el bucle.
Incrementador que irá
acercando el valor de la
variable a la condición
de corte.
Instrucciones a ejecutar de
manera repetitiva.
23. academianumen.com
for (var contador = 0; contador < 10; contador++) {
console.log(contador)
}
Veamos cómo se vería en un bucle for el contador que
hicimos en los bucles anteriores.
24. academianumen.com
var canasta = 0;
for (var manzanas = 1; manzanas <= 10; manzanas++)
{
canasta = canasta + 1
}
console.log(canasta)
Construyendo un acumulador de
manzanas
28. academianumen.com
Funciones
Una función es un bloque de código,
autocontenido, que se puede definir una
vez y ejecutar en cualquier momento.
Las funciones en JS son objetos, un
tipo especial de objetos:
Se dice que las funciones son
ciudadanos de primera clase porque
pueden asignarse a un valor, y pueden
pasarse como argumentos y usarse
como un valor de retorno.
// Declaración de función
function miPrimeraFuncion() {
console.log("1");
console.log("2");
console.log("3");
}
// Llamado a la función
miPrimeraFuncion();
29. academianumen.com
Estructura básica de una función
function suma( a, b ) {
return a + b;
}
suma();
Palabra reservada
que define la
estructura
Palabra reservada
que indica que valor
retornará la función
al finalizar el
algoritmo.
Los parámetros
son la puerta de
entrada de datos a
una función.
El llamado de la
función es el
interruptor de
ejecución de la
función.
Nombre de la
función
30. academianumen.com
EJEMPLOS DE FUNCIONES
Analicemos con detenimiento las siguientes dos funciones y respondamos las preguntas:
// Declaración de función con un parámetro
function devolverString(str) {
return str;
}
// Llamado a la función
devolverString(‘Hola’);
// Declaración de función con dos parámetros
function suma(a, b) {
return a + b;
}
// Llamado a la función
suma(10,5);
• La función devolverString, ¿recibe algún valor? ¿Cuál?
• La función devolverString, ¿regresa algún valor? ¿Cuál?
• ¿Puedo cambiar el valor que devolverString recibe?¿ Como?
• ¿Puedo cambiar el valor que devolverString regresa? ¿Como?
• Mismas preguntas para la función suma
31. academianumen.com
Veamos ahora cómo podemos usar la estructura IF en una de las funciones que armamos
anteriormente
// Para corroborar si efectivamente A y B
eran iguales o diferentes, usamos el
operador de comparación “===”
function sonIguales( a, b ) {
return a === b
}
sonIguales(5,5);
// Ahora, usaremos la estructura de control
IF para hacer exactamente lo mismo.
function sonIguales( a, b ) {
if (a === b) {
return true
} else {
return false
}
}
sonIguales(5,5);
32. academianumen.com
¡Ahora es tu turno de programar funciones! ¡Leé con detenimiento la consigna y resuelve ambas
funciones!
function resta( x , y ) {
// Resta “y” de “x”, y devuelve el valor.
}
resta();
function sonIguales( a, b ) {
// Devuelve TRUE si “a” y “b” son guales. De
lo contrario, devuelve FALSE
}
sonIguales();
#8:Explicar bucles de manera simple, sin entrar en el tema de arrays y/o objetos
#18:Explicar bucles de manera simple, sin entrar en el tema de arrays y/o objetos
#28:FUNCIONES SE VE A FONDO EN LA CLASE 3: EXPLICAR SIMPLE PARA REALIZAR LAS TAREAS
#29:FUNCIONES SE VE A FONDO EN LA CLASE 3: EXPLICAR SIMPLE PARA REALIZAR LAS TAREAS
#34:Explicar conceptos basicos, pero siempre remarcar que DEBEN ver los videos del campus sobre este tema.
#35:Explicar conceptos basicos, pero siempre remarcar que DEBEN ver los videos del campus sobre este tema.
#39:RECORDAR A LOS ESTUDIANTES QUE VAYAN VIENDO LOS VIDEOS DEL CAMPUS. TIENEN MATERIAL IMPORTANTE!
#40:Mostrar la tarea de las clase 2, explicar en que consiste y mostrar como correr los tests. TAMBIÉN HAY UN VIDEO SOBRE COMO CORRER LOS TESTS EN EL CAMPUS, mostrar a los alumnos donde esta el video para que lo puedan ver
