Métodos de iteración

En esta guía, exploraremos cómo recorrer y manipular arrays utilizando métodos como forEach(), map(), filter(), entre otros.

Iteración simple

Array.prototype.forEach()

El método forEach() ejecuta una función proporcionada una vez por cada elemento del array.

Sintaxis

Parámetros que recibe

• callback: Función que se ejecuta para cada elemento, recibiendo tres argumentos:
  • element: El elemento actual del array.
  • index: El índice del elemento actual.
  • array: El array sobre el cual se itera.
• thisArg: Valor a utilizar como this cuando se ejecuta el callback (opcional).

Valor que retorna

undefined.

Ejemplo

En este ejemplo:

• El array es [1, 2, 3, 4, 5].
• array.forEach ejecuta la función de devolución de llamada para cada elemento, mostrando el índice y el valor de cada elemento del array.

Notas Adicionales

• forEach() no modifica el array original.
• El método forEach() es útil para ejecutar efectos secundarios en cada elemento de un array, como la impresión de valores o la modificación de elementos externos.

---

Métodos de comprobación

Array.prototype.every()

El método every() prueba si todos los elementos en el array pasan la prueba implementada por la función proporcionada. Devuelve un valor booleano.

Sintaxis

Parámetros que recibe

• callback: Función que se ejecuta para cada elemento, recibiendo tres argumentos:
  • element: El elemento actual del array.
  • index: El índice del elemento actual.
  • array: El array sobre el cual se itera.
• thisArg: Valor a utilizar como this cuando se ejecuta el callback (opcional).

Valor que retorna

true si la función callback retorna un valor verdadero para todos los elementos del array, de lo contrario retorna false.

Ejemplo

En este ejemplo:

• El array es [1, 2, 3, 4, 5].
• array.every(element => element < 6) verifica si todos los elementos del array son menores que 6, y devuelve true.

Notas Adicionales

• El método every() no modifica el array original.
• El método every() es útil para verificar si todos los elementos de un array cumplen con una condición específica.

---

Array.prototype.some()

El método some() prueba si al menos un elemento en el array pasa la prueba implementada por la función proporcionada. Devuelve un valor booleano.

Sintaxis

Parámetros que recibe

• callback: Función que se ejecuta para cada elemento, recibiendo tres argumentos:
  • element: El elemento actual del array.
  • index: El índice del elemento actual.
  • array: El array sobre el cual se itera.
• thisArg: Valor a utilizar como this cuando se ejecuta el callback (opcional).

Valor que retorna

true si la función callback retorna un valor verdadero para al menos un elemento del array, de lo contrario retorna false.

Ejemplo

En este ejemplo:

• El array es [1, 2, 3, 4, 5].
• array.some(element => element > 4) verifica si al menos un elemento del array es mayor que 4, y devuelve true.

Notas Adicionales

• El método some() no modifica el array original.
• El método some() es útil para verificar si al menos un elemento de un array cumple con una condición específica.

---

Métodos de transformación y filtrado

Array.prototype.map()

El método map() crea un nuevo array con los resultados de la llamada a la función proporcionada en cada uno de sus elementos.

Sintaxis

Parámetros que recibe

• callback: Función que se ejecuta para cada elemento, recibiendo tres argumentos:
  • element: El elemento actual del array.
  • index: El índice del elemento actual.
  • array: El array sobre el cual se itera.
• thisArg: Valor a utilizar como this cuando se ejecuta el callback (opcional).

Valor que retorna

Un nuevo array con cada elemento siendo el resultado de la función callback.

Ejemplo

En este ejemplo:

• El array original es [1, 2, 3, 4, 5].
• array.map(element => element * 2) crea un nuevo array donde cada elemento es el doble del correspondiente en el array original, devolviendo [2, 4, 6, 8, 10].

Notas Adicionales

• El método map() no modifica el array original.
• El método map() es útil para transformar todos los elementos de un array según una función especificada.

---

Array.prototype.filter()

El método filter() crea un nuevo array con todos los elementos que cumplan la condición implementada por la función proporcionada.

Sintaxis

Parámetros que recibe

• callback: Función que se ejecuta para cada elemento, recibiendo tres argumentos:
  • element: El elemento actual del array.
  • index: El índice del elemento actual.
  • array: El array sobre el cual se itera.
• thisArg: Valor a utilizar como this cuando se ejecuta el callback (opcional).

Valor que retorna

Un nuevo array con los elementos que pasan la condición de la función callback.

Ejemplo

En este ejemplo:

• El array original es [1, 2, 3, 4, 5].
• array.filter(element => element > 2) crea un nuevo array con los elementos mayores a 2, devolviendo [3, 4, 5].

Notas Adicionales

• El método filter() no modifica el array original.
• El método filter() es útil para extraer todos los elementos de un array que cumplan con una condición específica.

---

Espero que esta guía te haya ayudado a dominar los métodos de iteración en JavaScript. Con estos conocimientos, podrás recorrer y manipular arrays de manera más eficiente. ¡No olvides seguir practicando y explorando nuevas formas de mejorar tu código!

Te invito a leer mi próximo blog sobre los Métodos de reducción y acumulación en JavaScript. ¡No te lo pierdas aquí!