We’re going to write a loop that displays a list of companies to the console. Lists, sets, and all other list-like objects support the forEach method. It is used to execute a function on each item in an array. This component adds one to the “i” variable counter. The i++ component executes after each iteration. That keeps track of how many times our loop has been run.Ĭode defines how many times the loop should be run (in this case, 10). How does this work? The for loop is split up into three components. Line of code ten times, once for each time the loop is executed.

Get Your Coding Bootcamp Sponsored by Your Employer.

Education Stipends for Coding Bootcamps.

Best Coding Bootcamp Scholarships and Grants.

Ultimate Guide to Coding Bootcamp Loans.

Best Free Bootcamps and Coding Training.

Best Online Coding Bootcamps and Courses.

It's true that every browser supports for (duh!), but experience proved that something that iterates over a collection for us is simpler as it doesn't force us to take care of a variable for counting, while the (relatively) complex - although well-known - syntax of for is prone to mistakes.

a simple for statement would have worked. Quite heavy when it comes to memory consumption and CPU usage.Ĭonclusion: use document.querySelectorAll instead (which returns a NodeList).

It's a live collection that gets updated when the DOM changes. and something that should be avoided in general. Now, the former does have forEach defined - but it's pretty much the only array method that has been added to its prototype so far.īut it's only a relatively recent addition, so older browsers don't support it - fortunately, the Array#forEach trick works pretty well, down to sufficiently old Internet Explorer versions (probably 6? 5.5? The heck am I saying, that could work for slice, but forEach was added only in IE9.).Ī HTMLCollection is a totally different beast. A small correction: you used document.getElementsB圜lassName which does not return a NodeList but a HTMLCollection.

Javascript for each loop