Question

Hi I an new to programming and am experiencing looping problems.
I have two arrays :

colour = ['red','blue','green','orange'];
rows = [1,2,3,4,5,6,7,8,9,10,11...];

I want to have each row element pair with a colour from the colour array, for example starting

rows[0]=>colours[0],
rows[1]=>colours[1],
rows[2]=>colours[2],
rows[3]=>colours[3],
rows[4]=>colours[0],
rows[5]=>colours[1],.....

I basically want to start iterating over the colours once they runout

Answer 1

Probably something along the lines of this:

var i,
    rowCount,
    colour,
    rows;
colour = ['red', 'blue', 'green', 'orange'];
rows = [];
rowCount = 20;
for (i = 0; i < rowCount; i++) {
    rows[i] = colour[i % colour.length];
}

The key to this working is the modulus operator (remainder after division). i % color.length is the remainder of i divided by color.length, which relates to the indices of colour.