Javascript 在一行中绘制多个图像

我如何简化它，使其具有相同的效果

context.drawImage(imgs2[0],enemy.x+135,enemy.y,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y2,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y3,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y4,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y5,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y6,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y7,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y8,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y9,tileWidth,tileHeight);

我将“imgs2”保存为这样的数组

function images2(callback){
    for(var i = 0; i<enemy2.length; i++){
        var tile4 = new Image();
        imgs2.push(tile4);

        tile4.onload = function(){
            imagesdraw=true; 
            if (imagesdraw == true) {
                callback();
            }
        }
        tile4.src = enemy2[i];
    }
}

函数映像2（回调）{
对于（var i=0；i利用能够通过obj访问属性。[“propertyToGet”]

，您可以简化此过程：

ontext.drawImage(imgs2[0],enemy.x+135,enemy.y,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y2,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y3,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y4,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y5,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y6,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y7,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y8,tileWidth,tileHeight);
context.drawImage(imgs2[0],enemy.x+135,enemy.y9,tileWidth,tileHeight);

为此：

for(var i = 1; i <= 9; i++){
  var propertyName = "";
  if(i > 1){
    propertyName = "y" + i;
  }
  context.drawImage(imgs2[0],enemy.x+135,enemy[propertyName], tileWidth, tileHeight);
}

for（变量i=1；i 1）{
propertyName=“y”+i；
}
背景.drawImage（imgs2[0]，敌方.x+135，敌方[propertyName]，波浪宽度，波浪高度）；
}

看起来更干净