web开发人员训练营:使用JS迭代数组

Question

问题要求通过选择所有跨度，然后更改每个跨度的颜色来更改7个跨度。我看到这个解决方案是有效的。我还发现了另一种方法。但是，有没有办法在不嵌套for循环的情况下实现此解决方案？我觉得我遗漏了一些使用数组之类的东西。谢谢。

const colors = ['red', 'orange', 'yellow', 'green', 'blue', 'indigo', 'violet']; //PLEASE DON'T CHANGE THIS LINE!

`enter code here`//YOU CODE GOES HERE:
const spanners = document.querySelectorAll('span');
for( i = 0 ; i < colors.length ; i++){
    for(let span of spanners){
        span.style.color = colors[i]
        i++;
    }
}

Answer 1

如果有7种颜色和7个跨度，你可以这样做：

const colors = ['red', 'orange', 'yellow', 'green', 'blue', 'indigo', 'violet'];

const spanners = document.querySelectorAll('span');

for( let i in colors){
    spanners[i].style.color = colors[i];
}