javascript - 根据先前的值遍历数组

Question

我有一个数组['green', 'red', 'yellow', 'blue']。

我想使用这些颜色更改我的网站的背景颜色。但我不想只从这个数组中获取随机颜色。我想按顺序迭代它。

因此，如果我使用 getBgColor() 获取网站的背景颜色并打印 red，那么我需要一个函数 setBgColor(currentColor) code> 打印黄色。我该怎么做？

我想我应该做类似的事情

function setBgColor(currentColor) {
  var array = ['green', 'red', 'yellow', 'blue'];

  newColor = array[array.indexOf(currentColor) + 1];
}

但是这是正确的方法吗？如何确保从蓝色变为绿色，从而不超过数组的长度？

Answer 1

您可以使用modulo % 为数组的长度。

function setBgColor(currentColor) {
    var array = ['green', 'red', 'yellow', 'blue'],
        newColor = array[(array.indexOf(currentColor) + 1) % array.length ];
    // set the new color
    // ...
}