JAVASCRIPT

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);
});

js foreach

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
});

foreach jas

const array1 = ['a', 'b', 'c'];

array1.forEach(element => console.log(element));

forEach()

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

// logs: 0 'thor', 1 'captain america', 2 'hulk'

foreach javascript

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)
  })

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

foreach js

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

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

/* will print:
   some
   random
   words    */ 

forEach

const arraySparse = [1,3,,7]
let numCallbackRuns = 0

arraySparse.forEach((element) => {
  console.log(element)
  numCallbackRuns++
})

console.log("numCallbackRuns: ", numCallbackRuns)

// 1
// 3
// 7
// numCallbackRuns: 3
// comment: as you can see the missing value between 3 and 7 didn't invoke callback function.

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); 
});

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)//
})

foreach javascript

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

js foreach

for (let i in arr) {
	console.log(i);
}

js foreach

for (const element of theArray) {
    // ...use `element`...
}

ForEach loop

const a = ["a", "b", "c"];
a.forEach((entry) => {
    console.log(entry);
});

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

let data = ["A", "B", "C", "D"];
function process(element)
{
    console.log(element);
}
// With named Function
data.forEach(process);

// With Lambda/anonymous Function
data.forEach((element) => console.log(element));

foreach

array.foreach((item)=>{
				console.log(item);
             });

foreach loop

<?php

//use for printing arrays.

$x=array("Cat","Dog","Hen");

foreach($x as $value)
{
	echo $value."<br>";
}

//======output=====
/*
Cat
Dog
Hen
*/

foreach($x as $key => $value)
{
	echo $key."-".$value."<br>";
}
//======output=====
/*
0-Cat
1-Dog
2-Hen
*/
?>

foreach javascript

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

foreach

const { chromium } = require("playwright");
const fs = require("fs");

(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();
  await page.goto("https://danube-webshop.herokuapp.com");
  const content = await page.evaluate(() => {
    let data = [];

    let books = document.querySelectorAll(".preview");
    books.forEach((book) => {
      let title = book.querySelector(".preview-title").innerText;
      let author = book.querySelector(".preview-author").innerText;
      let price = book.querySelector(".preview-price").innerText;
      data.push({
        title,
        author,
        price,
      });
    });
    return data;
  });

  const jsonData = JSON.stringify(content);
  fs.writeFileSync("books.json", jsonData);
  await browser.close();
})();

foreach loop

//if you use Laravel Blade, do this 

@foreach($var as $vars)
	{{$vars->value}}
@endforeach

forEach()

const colors = ['green', 'yellow', 'blue'];
colors.forEach((item, index) => console.log(index, item));
// returns the index and the every item in the array
// 0 "green"
// 1 "yellow"
// 2 "blue"