循环仅迭代一次| JS

Question

我有这个：

           for (i=0; i < elements.length; i++){
               temp = elements[i].querySelectorAll(".fill");
               tempArr = Array.from(temp);
               color = colors[Math.floor(Math.random() * colors.length)];
               for (i of tempArr){
                   i.style.backgroundColor = color;
               }
               if (i == 1){
               console.log("hi")
               }
           }  

只重复一次。我在那里有控制台日志作为测试。我没有收到任何错误，所以我也不知道我是否做错了什么。

Answer 1

您正在此行覆盖i：

for (i of tempArr){

使用其他变量：

for (i=0; i < elements.length; i++){
    temp = elements[i].querySelectorAll(".fill");
    tempArr = Array.from(temp);
    color = colors[Math.floor(Math.random() * colors.length)];
    for (j of tempArr){
        j.style.backgroundColor = color;
    }
    if (i == 1){
    console.log("hi")
    }
}