JAVASCRIPT

javascript foreach

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

forach loop in javascript

 var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; 
arr.forEach(function(element){
     console.log(element);
 })

foreach javascript

let words = ['one', 'two', 'three', 'four'];
words.forEach((word) => {
  console.log(word);
});
// one
// two
// three
// four

foreach javascript

var items = ["item1", "item2", "item3"]
var copie = [];

items.forEach(function(item){
  copie.push(item);
});

Javascript forEach

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

foreach loop javascript

const numList = [1, 2, 3];

numList.forEach((number) => {
  console.log(number);
});

foreach in javascript

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

javascript foreach

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

numbers.forEach((num) => {
  console.log(num);
});  // one   //two //three // four

javascript foreach

var array = ["a","b","c"];
// example 1
  for(var value of array){
    console.log(value);
    value += 1;
  }

// example 2
  array.forEach((item, index)=>{
    console.log(index, item)
  })

foreach js

const arr = ["some", "random", "words"]

arr.forEach((word) => {       // takes callback and returns undefined
	console.log(word)
})

/* will print:
   some
   random
   words    */ 

javascript foreach

fruits.forEach(function(item, index, array) {
  console.log(item, index)
})
// Apple 0
// Banana 1

foreach javascript

let names = ['josh', 'joe', 'ben', 'dylan'];
// index and sourceArr are optional, sourceArr == ['josh', 'joe', 'ben', 'dylan']
names.forEach((name, index, sourceArr) => {
	console.log(color, idx, sourceArr)
});

// josh 0 ['josh', 'joe', 'ben', 'dylan']
// joe 1 ['josh', 'joe', 'ben', 'dylan']
// ben 2 ['josh', 'joe', 'ben', 'dylan']
// dylan 3 ['josh', 'joe', 'ben', 'dylan']

foreach javascript

const dogs = [
 'Husky','Black Lab',
 'Australian Shepard',
 'Golden Retriever', 
 'Syberian Husky', 
 'German Shepard' 
]

dogs.forEach(function(dog) {
	console.log(dog); 
});

javascript forEach

const myArray = ['hello', 1, 'thanks', 5];
myArray.forEach((item, index)=>{
	console.log(index, item)
})

forEach method Javascript

var counter = new Counter();
var numbers = [1, 2, 3];
var sum = 0;
numbers.forEach(function (e) {
    sum += e;
    this.increase();
}, counter);

console.log(sum); // 6
console.log(counter.current()); // 3
Code language: JavaScript (javascript)

.forEach in Javascript

// Arrow function
forEach((element) => { ... } )
forEach((element, index) => { ... } )
forEach((element, index, array) => { ... } )

// Callback function
forEach(callbackFn)
forEach(callbackFn, thisArg)

// Inline callback function
forEach(function callbackFn(element) { ... })
forEach(function callbackFn(element, index) { ... })
forEach(function callbackFn(element, index, array){ ... })
forEach(function callbackFn(element, index, array) { ... }, thisArg)

foreach javascript

const names=["shirshak", "John","Amelia"]
//forEach is only for array and slower then for loop and for of loop 
//forEach we get function which cannot be break and continue as it is not inside 
//switch or loop.
names.forEach((name,index)=> {
console.log(name,index)//
})

foeach in js

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']

foreach loop javascript

listName.forEach((listItem) => {
  Logger.log(listItem);
}):

foreach javascript

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

javascript foreach

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

arr.forEach(function(element) {
  console.log(element);
});

javascript foreach

const colors = ['blue', 'green', 'white'];

function iterate(item) {
  console.log(item);
}

colors.forEach(iterate);
// logs "blue"
// logs "green"
// logs "white"

javascript foreach

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

.forEach in Javascript

Array.prototype.forEach.call(node.childNodes, (child) => {
    // Do something with `child`
});

foreach js

angular.forEach(obj1.results, function(result1) {
    angular.forEach(obj2.results, function(result2) {
        if (result1.Value === result2.Value) {
            //do something
        }
    });
});

//exact same with a for loop
for (var i = 0; i < obj1.results.length; i++) {
    for (var j = 0; j < obj2.results.length; j++) {
        if (obj1.results[i].Value === obj2.results[j].Value) {
            //do something
        }
    }
}

foreach javascript

Used to execute the same code on every element in an array
Does not change the array
Returns undefined

javascript foreach

arr.forEach(function callback(currentValue, index, array) {
    // tu iterador
}[, thisArg]);

foreach in javascript

<p>forEach() calls a function for each element in an array:</p>

<p>Multiply the value of each element with 10:</p>

<p id="demo"></p>

<script>
const numbers = [65, 44, 12, 4];
numbers.forEach(myFunction)

document.getElementById("demo").innerHTML = numbers;

function myFunction(item, index, arr) {
  arr[index] = item * 10;
}
</script>

forEach() calls a function for each element in an array:

Multiply the value of each element with 10:

650,440,120,40