使用此递归函数的替代方法

Question

我正在编写一个允许我用画布切片图像的函数，我的循环会更新切片的x和y坐标。

在我的第一个版本中，我使用了以下内容：

for(var x = 0; x < checkImageW; ++x) {
   for(var y = 0; y < checkImageH; ++y) {

虽然我希望将切片放在像

这样的行中

1st Row: xxxxxxxxxxxxxxxxxxx
2nd Row: xxxxxxxxxxxxxxxxxxx

所以我实现了以下递归函数（只是一个简单的示例），只有在y到x[0]等切片之后才会增加x[WIDTH]。

var WIDTH = 19;
var HEIGHT = 19;
var y = 0;


function slice(y) {
    for (x = 0; x < WIDTH; x++) {
        if (x === WIDTH - 1 && y < HEIGHT) {
          console.log(y);
          y++;
          slice(y);
       }
    }
}

slice(y);

我担心可能会有更有效的方法。