Javascript 在最后一次迭代之后，setInterval返回未定义的值

我正试图在X时间后将背景色

调换，但在上一次迭代后，步骤设置为0，我得到的是
未定义的
，我不明白为什么：/

constfoo=（）=>{
常量颜色=[{
初级：“浅绿色”，
次要：“#7fe27f”
},
{
初级：“黄金”，
次要：“#efc900”
},
{
初级：“1590FF”，
次要：“#0479FF”
},
{
主要：“00BFFF”，
次要：'#06ace3'
}
]
让步骤=-1
返回设置间隔（（）=>{
步骤===colors.length？步骤=0:步骤++
返回console.log（颜色[步骤]）；
}, 2000)
}

你知道为什么会这样吗？我怎样才能修好它
 当
step
等于
colors.length-1
时，您将执行
step++
，这将使
step==colors.length
。然后您将访问
colors[colors.length]
，它是
未定义的

您必须检查您的状态是否为
step===colors.length-1

但更好的解决方案是使用余数运算符。您只需执行以下操作：

console.log(colors[step++ % colors.length]);

“还有它的作用”——真的吗<代码>foo
将始终显示。“内部”
return
将返回
undefined
，因为
console.log（）
不返回任何内容。但是->；这不是应该如何使用的方式。它只是从我的react代码中快速提取，为了简单起见，我想省略所有的useEffect、useState和不必要的代码；）不过还是要谢谢你！