遍历多个数组

Question

我试图遍历一系列li元素，并将每个元素与color数组中的颜色进行匹配，如下所示：

var li = document.getElementsByTagName('li');
var colors = ["salmon", "teal", "orange", "grey", "blue"];

for (i=0; i < li.length; i++) {
li[i].style.backgroundColor=colors[i]

}

但是，因为颜色的长度比li元素的长度短，所以颜色会很短。

我如何才能使colors数组再次循环遍历，直到它匹配li元素的数量？

的jsfiddle

Answer 1

使用%模量运算符 ：

var li = document.getElementsByTagName('li');
var colors = ["salmon", "teal", "orange", "grey", "blue"];
var colorsCount = colors.length;

for ( var i = 0; i < li.length; i++ ) {
    li[i].style.backgroundColor = colors[ i % colorsCount ];
}

这是您的小提琴： http : //jsfiddle.net/LhmgQ/1/