求帮我看下这个怎么写for循环

Question

var r1 = document.createElement("b");
var r1content=document.createTextNode(filterArr[0]);
r1.appendChild(r1content);
var r01 = document.getElementById("rank1");
r01.appendChild(r1);

var r2 = document.createElement("b");
var r2content=document.createTextNode(filterArr[1]);
r2.appendChild(r2content);
var r02= document.getElementById("rank2");
r02.appendChild(r2);

var r3 = document.createElement("b");
var r3content=document.createTextNode(filterArr[2]);
r3.appendChild(r3content);
var r03 = document.getElementById("rank3");
r03.appendChild(r3);

是这样的，我想写一个for循环，但是不知道怎么设置变量，想写成想把r1,r2,r3;r01,r02,r03;filterArr[0]filterArr[1]filterArr[2]都写成rn的形式，但是for循环里面，for(var i=o;i<6;i++){}这个不会变形，谁能教教我，谢谢

Answer 1

    for(let i= 0; i< filterArr.length; i++){
        let r = document.createElement("b");
        let rContent = document.createTextNode(filterArr[i]);
        r.appendChild(rContent);
        let rRank = document.getElementById("rank"+i);
        rRank.appendChild(r);
    }

你说的是这个意思吧=。=

Answer 2

没用for循环
function init(elString,index,id){
    var r = document.createElement(elString);
    var rContent=document.createTextNode(filterArr[index]);
    r.appendChild(rContent);
    var r0 = document.getElementById(id);
    r0.appendChild(r);
}
init('b',0,'rank1');
init('b',1,'rank2');
init('b',2,'rank3');


for循环，应该行，你先试试。

for(var i=0;i<3;i++){
    var r = document.createElement("b");
    var rContent=document.createTextNode(filterArr[i]);
    r.appendChild(rContent);
    var r0 = document.getElementById("rank"+(i+1));
    r0.appendChild(r);
}