Boucle Javascript - Canvas

Bonjour,
J'aimerais afficher un grand nombre de petits carrés noirs dans un canevas.
Mon problème est le suivant : lorsque que j'écris le code pour chaque carré, ça fonctionne. Mais lorsque je crée une boucle, plus rien ne s'affiche. Pourquoi ?
____________________________________
Je possède 2 tableaux (en globales; x[] et y[]) qui contiennent tous les deux 4 éléments.
Voici d'abord mon code Javascript (isolé) qui ne fonctionne pas :

 context=game_area.getContext('2d');
        for(var i=0;i++;i<y.length){
 context.beginPath();
 context.fillStyle="#000000";
 context.rect(x[i],y[i],10,10);
     context.closePath();
 context.fill();
        }

Cependant le code suivant fonctionne :

 context=game_area.getContext('2d');
 context.beginPath();
 context.fillStyle="#000000";
 context.rect(x[0],y[0],10,10);
     context.closePath();
 context.fill();
        
 context.beginPath();
 context.fillStyle="#000000";
 context.rect(x[1],y[1],10,10);
     context.closePath();
 context.fill();