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

37 votes353 views3 answers
Inline svg css
CSS
1 vote376 views1 answer
Bootstrap card hover effect
CSS
0 vote348 views1 answer
Css ditribute width equealy to child components
CSS
1 vote412 views1 answer
Create a animation name in css
CSS
19 votes386 views4 answers
Scss react
CSS
2 votes359 views1 answer
Css click effect
CSS
7 votes359 views2 answers
Remove blue border on a input
CSS
0 vote366 views1 answer
Scss flex
CSS
74 votes402 views6 answers
Flex css
CSS
2 votes418 views1 answer
Css square image
CSS