JavaScript无限循环帮助？为什么会这样？

编辑：下面是完整代码的粘贴箱：

我已将代码粘贴到下面。如果有人能弄明白为什么我会得到一个无限循环，我很想看看！本质上，我在foor循环中有一个for循环，这很好，但我想在数组中存储rect数据，以便以后可以访问它，所以我创建了另一个for循环，处理数组中的条目，然后为每个条目创建矩形

// Create custom "tile" object
function tileObj(x, y, img) {
    this.x = x;
    this.y = y;
    this.img = img;
}

// Create empty array to store tile data
var tiles = [];

// Create tile-grid, map.grid sized rectangles that will adopt tileset images
function gridTiles() {
    for (var x = 0; x <= map.width; x += map.grid) {
        for (var y = 0; y <= map.height; y += map.grid) {

            var newTile = new tileObj(x, y, "red");
            tiles.push(newTile);

            for (var z = 0; z < tiles.length; z++) {
                tile = tiles[z];
                ctx.rect(tile.x, tile.y, map.grid, map.grid);
                ctx.fillStyle = tile.img;
                ctx.fill();
            }
        }
    }
}
gridTiles();

//创建自定义“平铺”对象
函数tileObj（x，y，img）{
这个.x=x；
这个。y=y；
this.img=img；
}
//创建空数组以存储平铺数据
var-tiles=[]；
//创建平铺网格，map.grid大小的矩形将采用平铺集图像
函数gridTiles（）{
对于（var x=0；xgridTiles如何访问map对象？它是在窗口还是文档范围内

无论哪种方式，请确保栅格值为正值，否则将进入无限循环

function gridTiles(){
  var grid = map.grid; //assume you have access to it
  if (grid<=0){
    console.warn('Invalid grid width');
    return;
  }

  // continue your function

}

函数gridTiles（）{
var grid=map.grid；//假设您有权访问它
如果（gridgridTiles如何访问地图对象？它是在窗口还是文档范围内

无论哪种方式，请确保栅格值为正值，否则将进入无限循环

function gridTiles(){
  var grid = map.grid; //assume you have access to it
  if (grid<=0){
    console.warn('Invalid grid width');
    return;
  }

  // continue your function

}

函数gridTiles（）{
var grid=map.grid；//假设您有权访问它
如果（gridgridTiles如何访问地图对象？它是在窗口还是文档范围内

无论哪种方式，请确保栅格值为正值，否则将进入无限循环

function gridTiles(){
  var grid = map.grid; //assume you have access to it
  if (grid<=0){
    console.warn('Invalid grid width');
    return;
  }

  // continue your function

}

函数gridTiles（）{
var grid=map.grid；//假设您有权访问它
如果（gridgridTiles如何访问地图对象？它是在窗口还是文档范围内

无论哪种方式，请确保栅格值为正值，否则将进入无限循环

function gridTiles(){
  var grid = map.grid; //assume you have access to it
  if (grid<=0){
    console.warn('Invalid grid width');
    return;
  }

  // continue your function

}

函数gridTiles（）{
var grid=map.grid；//假设您有权访问它
如果（grid如果map.grid
这可能是一个无限循环如果map.grid
这可能是一个无限循环如果map.grid
这可能是一个无限循环如果map.grid
这可能是一个无限循环你是如何确定它是一个无限循环的？你是否定义了
map.width
？我定义了map.width和map.height above.我认为这是一个无限循环，因为我的浏览器的行为就好像它是。三个循环中哪一个会永远运行？好吧，我假设其中一个带有z变量，因为在我添加它之前它似乎工作得很好。你如何确定它是一个无限循环？你是否定义了
map.width
？我在上面定义了map.width和map.height。我认为它是一个无限循环n无限循环，因为我的浏览器表现得好像是。三个循环中哪一个会永远运行？好吧，我假设其中一个带有z变量，因为在我添加它之前它似乎工作得很好。你是如何确定它是无限循环的？你是否定义了
map.width
？我在上面定义了map.width和map.height。我认为这是一个无限循环，b因为我的浏览器表现得好像是这样。三个循环中哪一个会永远运行？好吧，我假设是带有z变量的循环，因为在我添加它之前它似乎工作得很好。你是如何确定它是一个无限循环的？你是否定义了
map.width
？我在上面定义了map.width和map.height。我认为它是一个无限循环，因为我的浏览器三个循环中哪一个会永远运行？好吧，我假设有z变量的循环，因为在我添加它之前它似乎运行得很好。嘿！谢谢你！你说得对！修复后它甚至没有那么快。它肯定非常非常非常慢。嘿！谢谢你！你说得对！修复后它甚至没有那么快。它肯定非常非常非常慢。嘿！谢谢你！你是对的！它在修复后甚至没有那么快。它肯定非常非常非常慢。嘿！谢谢你！你是对的！它在修复后甚至没有那么快。它肯定非常非常非常慢。你正在将新元素推入y形环，并且您正在检索z循环中瓷砖阵列的长度。是否要在此处进入竞速状态？如果不是，请存储原始瓷砖长度，并将其用作z循环的退出条件。您正在将新元素推入y循环，并且正在检索z循环中瓷砖阵列的长度。是否要进入竞速状态此处条件？如果不是，则存储原始磁贴长度，并将其用作z循环的退出条件。您正在将新元素推入y循环，并且正在检索z循环中磁贴阵列的长度。是否要在此处进入竞赛条件？如果不是，则存储原始磁贴长度，并将其用作z循环的退出条件e z-loop。您正在将新元素推入y-loop，并在z-loop中检索瓷砖阵列的长度。是否要在此处进入竞速状态？如果不是，请存储原始瓷砖长度，并将其用作z-loop的退出条件。