Let's say we want to perform some task or play with the individual elements of an array, then how we should approach it? We know the methods like push(),pop() which help us to manipulate the array but we can't perform a function on individual values of the array. For that, we have forEach() array method which comes into action
What is forEach() method
forEach() method calls a specific function on each element of an array at least once.
Syntax
array.forEach(function(currentItem,index,arr))
Let's break the above forEach() method syntax
callback function-> function to be executed on each item of an array.
(callback function: function that is passed to another function as a parameter is called callback function)
currentItem ->current element which is being processed.
index-> index of a current item in the array.
arr-> array on which forEach() is called upon ,this is rarely used parameter.
Now,let's see forEach() in the working
const fruits=["banana","grapes","kiwi","orange","mango"];
fruits.forEach(Item);
function Item(item)
{
console.log(item);
}
We can do a lot with the forEach() method. Solve the below question to have a good grasp of the topic.
Q.Find the sum of the values of an array?
const arr=[5,10,15,20,25,30,35];
let sum=0;
arr.forEach(item=>{
sum+=item;
});
console.log(sum);
we have used the arrow function above and wrote an inline function.
NOTE: The Array.forEach method is supported in all browsers expect IE version 8 or earlier:
HAPPY CODING!