edit-article

Article Description: Array's forEach method - iterate over an array of elements using the forEach function to execute a callback forEach element in the Array

Chapter ID/Name:

Status: Write Writing Written

Add Photo:

Owner ID:

Content: use HTML Edit Content <h1 style="text-align: center;">language contstruct - forEach</h1> <h2>[WHAT]</h2> <ol> <li>]&nbsp;method to iterate over an array of elements</li> <li>] started in js version ??</li> </ol> <h2>[WHY]</h2> <ol> <li>]&nbsp;</li> </ol> <h2>[WHERE]</h2> <ol> <li>]</li> </ol> <h2>[WHEN]</h2> <ol> <li>]</li> </ol> <h2>[EXAMPLE]</h2> <ol> <li>] window.iterateArray = function (){<br />&nbsp;&nbsp;&nbsp; var fruits = ['apple', 'lemon', 'orange'];<br />&nbsp;&nbsp;&nbsp; var main = document.getElementById('main');<br />&nbsp;<br />&nbsp;&nbsp;&nbsp; fruits.forEach(function(element, index, array){<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; main.appendChild(document.createTextNode(element + ' is at index ' + index)); <br />&nbsp;&nbsp;&nbsp; main.appendChild(document.createElement("br"));<br />&nbsp;&nbsp;&nbsp; });<br />}</li> </ol> <h2>[HOW-TO]</h2> <ol> <li>]</li> </ol> <h2>[REFERENCE]</h2> <ol> <li>] <a href="http://jsfiddle.net/gpDWk/" target="_blank">http://jsfiddle.net/gpDWk/</a></li> </ol> <h1 style="text-align: center;">&nbsp;</h1>