Fix object.forEach is not a function error in JavaScript
In this tutorial, we are going to learn about how to Fix the object.forEach is not a function error in JavaScript
When we use a forEach()
method on a value which is not an type array we will get the following error in our console.
Here is an example of using forEach on a object:
const user = {
name: "john",
place: "italy"
};
user.forEach(el=> console.log(el));
// Uncaught user.forEach is not a function
To fix the error, use the Object.keys()
method to get the object keys in a array format and loop through it using forEach
method.
Here is an example:
const user = {
name: "john",
place: "italy"
};
const keys = Object.keys(user);
keys.forEach(key=> {
console.log(user[key]);
}
);
or we can use the Object.values()
method which is similar to Object.keys()
but it returns the values
in array format.
const user = {
name: "john",
place: "italy"
};
const values = Object.values(user);
values.forEach(value=> {
console.log(value);
}
);
We can also iterate through an object by using for..in loop.
const user = {
name: "john",
place: "italy"
};
for (let key in user){
console.log(user[key])
}
Output:
"john"
"italy"