Contenido del curso
Primeros Pasos
- 5

¡Hola Mundo!
06:13 min - 6

Anatomía de una variable
09:23 min - 7

Tipos de datos: Mutabilidad e inmutabilidad
10:55 min - 8

Paso por valor
11:06 min - 9

Paso por referencia
07:00 min - 10

Creación de strings
11:33 min - 11

Concatenación de strings
08:31 min - 12

Manipulación de strings
12:13 min - 13

Tipo de dato primitivo: number
09:30 min - 14

Conversión a Booleanos
05:08 min - 15

Tipos de datos primitivos: null, undefined, symbol y bigint
07:28 min - 16

Conversión de tipos: Type Casting y Coercion
04:38 min - 17

Conversión de tipos explícita e implícita
12:20 min - 18

Proyecto: Crea un perfil para redes sociales con JavaScript
07:23 min
Funciones y This
- 19

Anatomía de una función
11:39 min - 20

Preguntas a Desarrolladores Senior: ¿Por qué aprender Desarrollo Web?
02:11 min - 21

Funciones vs Métodos
10:01 min - 22

Funciones puras e impuras
11:22 min - 23

Identificador this
11:38 min - 24

Métodos bind, call y apply
10:09 min - 25

Funciones flecha y enlace léxico
10:31 min - 26

Implicaciones de duplicar código
03:19 min - 27

Funciones constructoras
10:41 min - 28

10 Tipos de funciones
01:39 min - 29

Objeto window y modo estricto
07:37 min - 30

Tipos de binding
01:11 min - 31

Expresiones vs Sentencias
04:02 min - 32

Proyecto: Crea biografías de personajes con JavaScript
12:51 min
Lógica y ciclos
- 33

Operadores de comparación
06:12 min - 34

Operadores lógicos
04:33 min - 35

Ejecución condicional: if
07:45 min - 36

Proyecto: Adivina el número
09:36 min - 37

Ejecución condicional: ternario
05:24 min - 38

Ejecución condicional: switch
12:08 min - 39

Loop: for
07:31 min - 40

Loop: forEach
Viendo ahora - 41

Loop: for of
04:26 min - 42

Loop: for in
07:38 min - 43

Loop: while
03:56 min - 44

Loop: do while
03:13 min - 45

Proyecto: Juego adivina la palabra
15:56 min
Fundamentos de arrays y modificación
- 46

Introducción a Arrays
09:09 min - 47

Mutabilidad e inmutabiliad de Arrays
07:56 min - 48

Modificación básica del final con push(), pop()
04:33 min - 49

Ejercicio: Stack de libros
16:03 min - 50

Modificación del principio con shift(), unshift()
10:21 min - 51

Modificación avanzada con splice(), reverse(), sort(), fill()
16:37 min - 52

Proyecto: Juego de cartas
15:37 min - 53

Preguntas a Desarrolladores Senior: Estrategias y métodos de estudio
01:10 min
Iteración de Arrays
- 54

Iteración con map() y forEach()
12:53 min - 55

Filtrado y reducción con filter() y reduce()
11:34 min - 56

Ejercicio: Calificación promedio aprobatoria
05:27 min - 57

Búsqueda de elementos con find() y findIndex()
03:52 min - 58

Ejercicio: Encuentra al ganador de una rifa
11:21 min - 59

Proyecto: Análisis de transacciones
10:55 min - 60

Proyecto: Análisis de transacciones parte 2
08:01 min
Métodos específicos y Operaciones
- 61

Unir y entrelazar con concat(), spread operator y join()
12:05 min - 62

Verificación y evaluación con every() y some()
05:15 min - 63

Métodos de búsqueda con includes(), indexOf() y lastIndexOf()
07:05 min - 64

Ejercicio: Encontrando los índices
11:09 min - 65

Crear copias con slice()
05:28 min - 66

Spread operator: casos de uso
07:11 min
Arrays multidimencionales
Clases y Objetos
- 71

Anatomia de un Objeto
06:48 min - 72

Trabajando con objetos
12:52 min - 73

Función constructora
14:31 min - 74

¿Qué es una clase?
06:17 min - 75

Prototipos y herencias
02:15 min - 76

Herencia en la práctica
15:38 min - 77

Prototipos en la práctica
10:42 min - 78

this en JavaScript
05:36 min - 79

Proyecto: Crea una red social
12:25 min - 80

Proyecto: Crea una red social parte 2
09:00 min
Loop: forEach
Resumen
¿Qué es el método forEach y cómo suple al clásico for?
En el mundo de la programación, iterar sobre listas de elementos es una tarea común y necesaria. Existen diversos métodos para hacerlo, y el método forEach es una variante moderna y eficiente que optimiza este proceso, proporcionando una sintaxis clara y concisa. Este método itera sobre cada elemento en una lista, ejecutando una función particular para cada uno, lo cual simplifica mucho el trabajo al manejar matrices o cualquier colección de datos en JavaScript.
¿Cómo se estructura el método forEach?
El forEach se diferencia por su simplicidad y efectividad frente a los ciclos for tradicionales. En su uso, se requiere un arreglo, y sobre él se ejecuta el método forEach. Aquí se utiliza una función flecha (arrow function) que actúa sobre cada elemento dentro del array. Esto permite ejecutar un bloque de código definido para cada ítem de la lista.
Por ejemplo, si tienes un array de elementos como eat, sleep, clothes, repeat, el método forEach recorrerá cada uno de estos elementos, procesándolos con la función que hemos definido.
Implementación práctica del método forEach
Veamos cómo sería un ejemplo concreto de cómo trabajar con el método forEach.
let tareas = ['eat', 'sleep', 'clothes', 'repeat']; tareas.forEach((item) => { console.log(item); });
Este código imprime cada uno de los elementos del array tareas en la consola. Su función es equivalente a un ciclo for, pero de una manera más compacta y moderna. Al recorrer el array tareas, el código se encarga de procesar cada elemento simplemente llamando a console.log(item) para cada uno de ellos.
¿Por qué preferir forEach sobre otros métodos de iteración?
- Simplicidad: La sintaxis es más limpia y clara, especialmente con el uso de funciones flecha.
- Legibilidad: Al ser más conciso, el código es más fácil de entender, lo cual mejora el mantenimiento a largo plazo.
- Modernidad: Es parte de las características más recientes de JavaScript, adaptándose a las necesidades actuales de los desarrolladores.
Consideraciones finales al usar forEach
Aunque forEach es efectivo y elegante, hay situaciones en las que deberías considerar otros métodos, como map, filter o iteradores para flujos asíncronos o manipulaciones complejas donde necesites devolver nuevos arrays o manejar promesas. No obstante, para muchas tareas comunes, forEach es sorprendentemente útil y debería ser parte de tu arsenal al trabajar con JavaScript.