forEach method js code example

Example 1: javascript foreach

const avengers = ['thor', 'captain america', 'hulk'];
avengers.forEach((item, index)=>{
	console.log(index, item)
})

Example 2: javascript foreach

var colors = ['red', 'blue', 'green'];

colors.forEach(function(color) {
  console.log(color);
});

Example 3: foreach in javascript

///Simple One
var a = ["a", "b", "c"];
a.forEach(function(entry) {
    console.log(entry);
});


///Function  concept

var fruits = ["apple", "orange", "cherry"];
fruits.forEach(myFunction);

function myFunction(item, index) {
  document.getElementById("demo").innerHTML += index + ":" + item + "<br>";
}

Example 4: javascript .foreach

let colors = ['red', 'blue', 'green'];
// idx and sourceArr optional; sourceArr == colors
colors.forEach(function(color, idx, sourceArr) {
	console.log(color, idx, sourceArr)
});
// Output:
// red 0 ['red', 'blue', 'green']
// blue 1 ['red', 'blue', 'green']
// green 2 ['red', 'blue', 'green']

Example 5: what is foreach method in javascript

var arr = [1, 2, 3, 4, 5, 6];

//var sum = 0;
arr.forEach(function (value, index, array){  // Built in method
    //sum += value;
    console.log(value, index, array);
})

//console.log(sum);  // We can print sum of all Array element (if those are numbers)

// function forEach(arr, cb){  // How forEach() method works
//     for (var i = 0; i<arr.length; i++){
//         cb(arr[i], i, arr);
//     }
// }
// var sum = 0;
// forEach(arr, function (value, index, arr){
//     console.log(value, index, arr);
//     sum += value;
// })
// console.log(sum);