dragonore dragonore - 14 days ago 4
Javascript Question

How to loop through arrays starting at different index while still looping through entire array?

Suppose I had an array of 5 strings. How can I start a for loop at index 3 and go around and end up at index 2? Let me give an example.

var myArry = ["cool", "gnarly", "rad", "farout", "awesome"];

Would like to start at index 3 ("farout") loop through to end of array ("awesome") then continue looping at index 0 through index 2. Basically beginning an array at some point (other than index 0) and still hit every element in the array.


One way is to loop through the array using an index as normal, and use the modulus operator with your offset, to get a pointer to the correct place in the array:

var myArry = ["cool", "gnarly", "rad", "farout", "awesome"];
var offset = 3;
for( var i=0; i < myArry.length; i++) {
    var pointer = (i + offset) % myArry.length;

So your loop is a standard loop through every element. You take the current position, plus offset, and get the remainder from that divided by the size of the array. Until you reach the end of the array that will just be the same as i + offset. When you reach the end of the array, the remainder will be zero, and go from there.

Here's a fiddle.