forEach(function(element) { /* ... */ })

forEach(function(element, index) { /* ... */ })

forEach(function(element, index, array){ /* ... */ })

forEach(function(element, index, array) { /* ... */ }, thisArg)

const avengers = ['thor', 'captain america', 'hulk'];

avengers.forEach((item, index)=>{

    console.log(index, item)

})

let arr = [1,2,3]

​

// forEach accepts a function, and each value in array is passed to the 

// function. You define the function as you would any regular

// function, you're just doing it inside the forEach loop

arr.forEach(function(value){

  console.log(value)

})

​

// you also have access to the index and original array:

arr.forEach(function(value, idx, array){

  console.log(idx, value, array)

})

​

// it's common for the arrow notation to be used: it's effectively

// the same thing but the function keyword is removed and the syntax is

// a bit different

arr.forEach((value) => {

  console.log(value)

})

​

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

​

colors.forEach(function(color) {

  console.log(color);

});

const products = [

    { name: 'Laptop', price: 32000, brand: 'Lenovo', color: 'Silver' },

    { name: 'Phone', price: 700, brand: 'Iphone', color: 'Golden' },

    { name: 'Watch', price: 3000, brand: 'Casio', color: 'Yellow' },

    { name: 'Aunglass', price: 300, brand: 'Ribon', color: 'Blue' },

    { name: 'Camera', price: 9000, brand: 'Lenovo', color: 'Gray' },

];

products.forEach(product => console.log(product.name));

//Output: Laptop Phone Watch Aunglass Camera

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

colors.forEach(function(color) {

    console.log(color);

});

var stringArray = ["first", "second"];

​

myArray.forEach((string, index) => {

    var msg = "The string: " + string + " is in index of " + index; 

    console.log(msg);

    // Output:

    // The string: first is in index of 0

    // The string: second is in index of 1

});

let numbers = ['one', 'two', 'three', 'four'];

​

numbers.forEach((num) => {

  console.log(num);

});  // one   //two //three // four

const myArray = ['hello', 1, 'thanks', 5];

myArray.forEach((item, index)=>{

    console.log(index, item)

})

const numbers = [28, 77, 45, 99, 27];

numbers.forEach(number => {  

  console.log(number);

});

fruits.forEach(function(item, index, array) {

  console.log(item, index)

})

// Apple 0

// Banana 1