Arreglar el forEach no es un error de función en JavaScript

En este tutorial aprenderemos a corregir el error forEach is not a function en JavaScript

Cuando usamos un Array.forEach() en un valor que no es un arreglo de tipo, mapa o conjunto, obtendremos el siguiente error en nuestra consola.

Ejemplo:

const elements = document.getElementsByClassName("container");
console.log(elements); 

elements.forEach(element => {

});

En el ejemplo anterior, usamos el forEach() método en una colección HTML que parece una matriz pero no es una matriz.

Para corregir el error, convierta la colección HTML en una matriz con el operador de propagación y ejecute el método forEach() en ella.

Aquí un ejemplo:

const elements = document.getElementsByClassName("container");

[...elements].forEach(element => {
   element.style.color = "green";
});

o podemos verificar si un valor dado es una matriz de tipo o no antes de llamar a la función forEach. Así podemos evitar errores de tiempo de ejecución.

var arr = [1, 2, 3];

if(Array.isArray(arr)){
    arr.forEach(el => {
       console.log(el);
    });
}

Si quieres conocer otros artículos parecidos a Arreglar el forEach no es un error de función en JavaScript puedes visitar la categoría Tutoriales.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas