Javascript ForEach() Function

The foreach() function of array object execute given method once for each element of array. The filter method of array object will creates a new array with all of the elements of this array for which the provided filtering function returns true. Use it for example to test each element of the array.

Syntax

arr.forEach(callback[, thisArg])

Javascript ForEach() Function Example1

<html>
<head>
<script type="text/javascript">
// Define the callback function.
function displayResult(value, index, ar) {
    document.write("value: " + value);
    document.write(" index: " + index);
    document.write("<br />");
}
// Create an array.
var fruits = ['Apple', 'Banana', 'Orange','Sapota'];
// displayResult will callback function for each array element.
fruits.forEach(displayResult);
</script>
</head>
<body>
</body>
</html>

This will produce following result

value: Apple index: 0 
value: Banana index: 1 
value: Orange index: 2 
value: Sapota index: 3

Javascript ForEach() Function Example2

<html>
<head>
<script type="text/javascript">
function displayArrayElements(element, index, array) {
  document.write('arr[' + index + '] = ' + element);
}
// Note there is no member at 2 so it isn't visited
[201, 32, , 9001].forEach(displayArrayElements);
</script>
</head>
<body>
</body>
</html>

This will produce following result