My project on the right shows a FOR LOOP used to iterate over the items in an array and do something with each of them — a very common pattern in JavaScript.

​

This little program will list my favorite Milwaukee Bucks players from an array of names. With each loop, the program will print one of those names and then test the condition if it printed the total number of names found in that array. If the number printed is less than the number of names in my array, the condition is true and the loop will continue and another name is printed. The loop will stop when the total number of names printed is equal to the number of names in the array and the condition becomes false.

 

First, our program needs an iterator. Keyword: Iterator.

An iterator is an object that allows the execution of the next sequence of our written program.

​

For easy identification we identify the iterator as i. We also assign it an initial  value of 0.

​

Loops create iteration. Keyword: Iteration. Iteration is

the repetition of programming commands.

 

We want our program to LOOP UNTIL the iterator is no longer smaller than the length of our Bucks array of team members.

​

While i < bucks.length is true, the program loop will continue to run. With each cycle we see our var i will be increased by 1 by the iteration specified of i++1

 

When i becomes equal to bucks.length (the number of names on our Bucks roster) our loop will stop, and the browser will move on to the next bit of code below the loop.