让线在JS

Question

超级基本的JS问题。我试图得到4条红色和蓝色条纹。

function start() {
    var row = 0;
    var blue = 0;
    var red = 100;

    for (var i = 0; i < 2; i++) {
        for (var i = 0; i < 5; i++) {
            var rect = new Rectangle (100, 100);
            rect.setPosition(blue , row);
            rect.setColor(Color.blue);
            add(rect);

            var rect2 = new Rectangle (100, 100);
            rect2.setPosition(red , row);
            rect2.setColor(Color.red);
            add(rect2);

            row += 100;
        }
        blue += 200;
        red += 200;
    }

}

使用此代码打印2行但不是全部4.有关如何修复的任何建议吗？

Answer 1

当您创建多个具有相同名称的元素时，您必须使用[] so

    add(rect2[0]);

或

    add(rect2[1]);

Answer 2

更改循环变量。你的外循环不起作用

for (var i = 0; i < 2; i++){
    for (var j = 0; j < 5; j++){
    //CODE
    }
}