在Javascript中循环遍历代码块

我试图通过一个代码块循环，将四个不同的元素分配给不同的Id，我想使用if/else语句的for循环，但无论如何，我似乎没有得到正确的条件。对如何编写if/else语句有何建议？谢谢下面是我的代码，执行得非常完美

   player = temp[index];
   document.getElementById("forward-one").appendChild(player);
   temp.splice(index, 1);
   //console.log(temp);

   index = Math.floor(Math.random()*temp.length);
   player = temp[index];
   document.getElementById("defender-one").appendChild(player);
   temp.splice(index, 1);
   //console.log(temp);

   index = Math.floor(Math.random()*temp.length);
   player = temp[index];
   document.getElementById("forward-two").appendChild(player);
   temp.splice(index, 1);
   //console.log(temp);

   index = Math.floor(Math.random()*temp.length);
   player = temp[index];
   document.getElementById("defender-two").appendChild(player);
   temp.splice(index, 1);
   //console.log(temp); 

---

首先，把你的代码放到一个函数中，这样你就不会一直重复你自己了

function doStuff(elementId, index) {
    index = Math.floor(Math.random()*temp.length);
    player = temp[index];
    document.getElementById(elementId).appendChild(player);
    temp.splice(index, 1);
}

然后检查您的条件，并使用根据条件使用的元素id调用函数

for (var i = 0; i < whatever.length; i++) {
    if(someCondition) {
        doSomething("forward-one", whatever[i]);
    } else if (someotherCondition) {
        doSomthing("defender-one", whatever[i]);
    } else {
        doSomething("defender-two", whatever[i]);
    }
};

for（var i=0；i