En JavaScript, los arrays son una estructura de datos fundamental que permite almacenar múltiples valores en una sola variable. Iterar sobre arrays es una tarea común y esencial en la programación, ya que permite procesar cada elemento del array de manera eficiente. En esta sección, aprenderemos diferentes métodos y técnicas para iterar sobre arrays en JavaScript.

El bucle for es una de las formas más tradicionales y flexibles de iterar sobre un array. Permite un control total sobre el índice y el número de iteraciones.

Explicación:

• let i = 0: Inicializa el índice i en 0.
• i < array.length: La condición para continuar el bucle es que i sea menor que la longitud del array.
• i++: Incrementa el índice i en 1 en cada iteración.
• console.log(array[i]): Imprime el elemento en la posición i del array.

El bucle for...of es una forma más moderna y legible de iterar sobre los elementos de un array.

Explicación:

• for (let element of array): Itera directamente sobre los valores del array.
• console.log(element): Imprime cada elemento del array.

El método forEach es un método de array que ejecuta una función proporcionada una vez por cada elemento del array.

Explicación:

• array.forEach(function(element) {...}): Llama a la función para cada elemento del array.
• console.log(element): Imprime cada elemento del array.

El método map crea un nuevo array con los resultados de aplicar una función a cada elemento del array original.

Explicación:

• array.map(function(element) {...}): Aplica la función a cada elemento del array.
• return element * 2: Devuelve el doble de cada elemento.
• newArray: Contiene los resultados de la función aplicada a cada elemento del array original.

El método filter crea un nuevo array con todos los elementos que pasan una prueba (proporcionada como una función).

Explicación:

• array.filter(function(element) {...}): Aplica la función a cada elemento del array.
• return element > 2: Devuelve true si el elemento es mayor que 2.
• filteredArray: Contiene los elementos que pasaron la prueba.

Descripción: Escribe una función que reciba un array de números y devuelva la suma de todos sus elementos.

Código:

Solución:

• Inicializa sum en 0.
• Itera sobre cada elemento del array y añade su valor a sum.
• Devuelve la suma total.

Descripción: Escribe una función que reciba un array de números y devuelva un nuevo array con solo los números pares.

Código:

Solución:

• Usa el método filter para aplicar una función que devuelva true si el elemento es par (element % 2 === 0).
• Devuelve el nuevo array con los números pares.

En esta sección, hemos explorado varias formas de iterar sobre arrays en JavaScript, desde el clásico bucle for hasta métodos más modernos y funcionales como forEach, map y filter. Cada método tiene sus propias ventajas y es útil en diferentes situaciones. Practicar estos métodos te ayudará a elegir la mejor herramienta para cada tarea y a escribir código más limpio y eficiente.

En la próxima sección, profundizaremos en la desestructuración de arrays, una característica poderosa de ES6 que facilita el trabajo con arrays y objetos.