ForEach

Javascript foreach

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

144

Javascript foreach

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

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

Foreach javascript

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

Foreach loop array php

foreach (array as $value){ 
  //code to be executed; 
  print("value : $value");
} 

foreach (array as  $key => $value){ 
  //code to be executed; 
  print("key[$key] => $value");
}

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.

Source: developer.mozilla.org

ForEach

foodArray.forEach((food, index) => {
  console.log(`i value: ${index} | Food Name:`, food);
});

// Result:
// i value: 0 | Food Name: { name: 'Burrito' }
// i value: 1 | Food Name: { name: 'Pizza' }
// i value: 2 | Food Name: { name: 'Burger' }
// i value: 3 | Food Name: { name: 'Pasta' }

-2

Source: alligator.io

Similar codes

2 votes226 views2 answers
Button hover disabled
CSS
0 vote301 views1 answer
Dropcap - :first-letter pseudo class not working as expected in firefox
CSS
1 vote269 views1 answer
How to write remark in css
CSS
3 votes257 views2 answers
Css check if mobile
CSS
0 vote268 views1 answer
Css not hover div right hide
CSS
5 votes284 views2 answers
How to rotate image 360 degrees in css
CSS
0 vote259 views1 answer
Tail block css
CSS
0 vote254 views2 answers
Css setting table column width
CSS
2 votes276 views1 answer
Change font size in textarea html
CSS
0 vote255 views1 answer
Pill shape css
CSS