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

0 vote357 views1 answer
Time an element to disappear css
CSS
0 vote309 views1 answer
Css change width animation
CSS
0 vote307 views1 answer
Alternate color on two consecutive rows
CSS
34 votes275 views6 answers
How to align text in css
CSS
4 votes304 views4 answers
Css transform origin
CSS
0 vote305 views1 answer
Changing bakcgound color like animation using tailwind
CSS
6 votes336 views5 answers
Remove line from a href css
CSS
0 vote310 views1 answer
Secondline ellipsis
CSS
0 vote307 views1 answer
Postcss plugin
CSS
0 vote301 views1 answer
Inset boxshadow
CSS