JavaScript在for循环中创建对象

JavaScript在for循环中创建对象,javascript,canvas,Javascript,Canvas,我正在用JavaScript制作一个canvas游戏,在保存数据时遇到了一些问题。我正在使用for循环将图像放置在画布上,并希望在对象中保存每个图像的信息。对于每个图像,一个对象 function CreateBlocks(){ for(var i = 0; i <= blocks; i++){ var img = new Image(); img.src = "/images/Block.png"; blockObject

我正在用JavaScript制作一个
canvas
游戏,在保存数据时遇到了一些问题。我正在使用for循环将图像放置在画布上,并希望在对象中保存每个图像的信息。对于每个图像,一个对象

function CreateBlocks(){
    for(var i = 0; i <= blocks; i++){
        var img   = new Image();
        img.src   = "/images/Block.png";

        blockObject = {
            x:    x, 
            y:    y, 
            points:  10
         }
         ctx.drawImage(img,x,y);

         x += 100;
         y += 100;
    }
}
函数CreateBlocks(){

对于(var i=0;i,只需使用数组并每次推送新对象:

function CreateBlocks(){
    var arr = [];

    for(var i = 0; i <= blocks; i++){
        var img   = new Image();
        img.src   = "/images/Block.png";

        arr.push({
            x:    x, 
            y:    y, 
            points:  10
         });

         ctx.drawImage(img,x,y);

         x += 100;
         y += 100;
    }
}
函数CreateBlocks(){
var-arr=[];

对于(var i=0;i,只需使用数组并每次推送新对象:

function CreateBlocks(){
    var arr = [];

    for(var i = 0; i <= blocks; i++){
        var img   = new Image();
        img.src   = "/images/Block.png";

        arr.push({
            x:    x, 
            y:    y, 
            points:  10
         });

         ctx.drawImage(img,x,y);

         x += 100;
         y += 100;
    }
}
函数CreateBlocks(){
var-arr=[];

对于(var i=0;i如果您创建一个
blockObjects
数组,那么使用
blockObject[i]
语法的第二个想法将起作用:

var blockObjects=[];

function CreateBlocks(){
    for(var i = 0; i <= blocks; i++){
        var img   = new Image();
        img.src   = "/images/Block.png";

        blockObjects[i] = {
            x:    x, 
            y:    y, 
            points:  10
        };
        ctx.drawImage(img,x,y);

        x += 100;
        y += 100;
    }
}
var blockObjects=[];
函数CreateBlocks(){

对于(var i=0;i如果您创建一个
blockObjects
数组,那么使用
blockObject[i]
语法的第二个想法将起作用:

var blockObjects=[];

function CreateBlocks(){
    for(var i = 0; i <= blocks; i++){
        var img   = new Image();
        img.src   = "/images/Block.png";

        blockObjects[i] = {
            x:    x, 
            y:    y, 
            points:  10
        };
        ctx.drawImage(img,x,y);

        x += 100;
        y += 100;
    }
}
var blockObjects=[];
函数CreateBlocks(){
对于(var i=0;i