Resolver: data.map no es una función en JavaScript

En este tutorial, aprenderemos cómo resolver TypeError: data.map no es una función en JavaScript

Cuando usamos un Array.map() método en un valor que no es un tipo de datos de matriz, obtendremos el siguiente error en nuestra consola.

Ejemplo:

const data =  {
   name: "john",
   place: "italy"
};

obj.map(element => {
    console.log(element);
});

Producción:

"TypeError: data.map is not a function

En el ejemplo anterior, obtenemos el error porque estamos usando el map() método en un objeto.

Para resolver el error, debemos llamar al método map() en una matriz de tipo de datos.

Aquí un ejemplo:

const arr = [2, 3, 4];

arr.map(el=> el+2);

Si desea iterar sobre el objeto, utilice el Object.keys() para obtener las claves del objeto en un formato de matriz y recorrerlo usando el método map() método.

Aquí un ejemplo:

const  user = {
   name: "john",
   place: "italy"
};

const keys = Object.keys(user);

keys.forEach(key=> {
    console.log(user[key]);
  }
);

Producción:

o podemos usar el Object.values() método que parece Object.keys() pero devuelve el values en forma tabular.

const  user = {
   name: "john",
   place: "italy"
};

const values = Object.values(user);

values.forEach(value=> {
    console.log(value);
  }
);

Producción:

Si quieres conocer otros artículos parecidos a Resolver: data.map no es una 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