javascript - 配列1の値を繰り返しながら、2つの異なるサイズの配列をループする

Question

こんにちは私はプログラミングに不慣れで、ループの問題が発生しています。私は2つの配列を持っています：

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

たとえば、開始するなど、カラー配列からの色で各行要素のペアを作成したい

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

基本的に、色がなくなったら色を繰り返し始めたいと思います

Answer 1

おそらくこれに沿った何か：

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];
}

この作業の鍵は、剰余演算子（除算後の余り）です。i % color.lengthの余りをでi割ったcolor.lengthもので、のインデックスに関連していますcolour。

Answer 2

すべての行を繰り返し、順番に色を割り当てることができます。コラー配列が完了したら、インデックスをリセットするだけです。

    var colorIndex = 0;
    for (var i=0; i<rows.length; ++i)
     {
         row[i] = colours[j]; //use the color for the current row
         j++;
         if (j == colours.length) //when you reached the last colour 
          {
              j = 0; //reset colour index.
          }
    }