javascript - 将另一个文件中的对象添加到单独文件中的数组中

Question

我正在尝试寻找更好的解决方案来将对象添加到数组中。框对象来自单独的文件，并在不同的文件中一次一行地推送到数组，如下所示:

function loadCols(){
collisionPoints.push(box1);
collisionPoints.push(box2);
collisionPoints.push(box3);
collisionPoints.push(box4);
collisionPoints.push(box5);
collisionPoints.push(box6);
collisionPoints.push(box7);
collisionPoints.push(box8);
collisionPoints.push(box9);
collisionPoints.push(box10);
};

我尝试使用 for 循环并连接字符串 "box"+ i 但这不起作用。我还尝试将它们添加到创建对象的文件中的数组中，但我无法找到将数组传递到主文件的方法。虽然这有效，但我希望有一个更干净的解决方案。任何帮助将不胜感激，干杯。

Answer 1

您可以使用 window 对象从变量的字符串名称中获取变量。

function loadCols(){
   for (var i=1; i<=numberOfBoxVars; i++) {
       collisionPoints.push(window["box" + i]);
   }
}

或者，如果您的变量是在闭包中定义的，并且您的 loadCols 函数是在同一个闭包中定义的，则可以使用“this”关键字来代替 window 对象。

(function() {
    var box1 = "1";
    var box2 = "2";
    ...

    function loadCols(){
        for (var i=1; i<=numberOfBoxVars; i++) {
           collisionPoints.push(this["box" + i]);
       }
    }
});