javascript - 在 Javascript for 循环中引用 i 值

Question

我是 Javascript 新手，因此有一个简单的问题。我正在尝试编写一个 for 循环，在该循环中可以使用 i 值创建新变量。如何引用 i 来更改变量名称(不使用数组)？在下面的示例中，我想创建 top1、top2、left1、left2 等。

        var i;

        for (i=1; i<3; i++) {

            var top'i'=Math.random(); top'i'=450*top-150;

            var left'i'=Math.random(); left'i'=left*1150;

            document.getElementById("image'i'").style.top=top'i'+"px";

            document.getElementById("image'i'").style.left=left'i'+"px";

            document.getElementById("image'i'").style.display="block";

        }

Answer 1

你可以使用

for (var i=1; i<3; i++) {
    var top = Math.random()*450 - 150,
        left = Math.random()*1150,
        el = document.getElementById("image" + i);
    el.style.top = top + "px";
    el.style.left = left + "px";
    el.style.display="block";
}

简单地说，在每次迭代中，您都将覆盖上一次迭代的值。