JavaScript 中的洪水填充算法 - 递归过多

Question

所以，我正在编写一个 Bejeweled 克隆，我的洪水填充功能出现错误。我有一个 15 x 15 不同颜色的珠宝矩阵，我尝试计算填充的瓷砖数量。

函数在这里：

function count(x, y, color) {

  if(matrix[x] && matrix[x][y]) {
    if(matrix[x][y].color != color)
      return;
    cnt++;
    count(x, y+1, color);
    count(x, y-1, color);
    count(x-1, y, color);
    count(x+1, y, color);
    console.log(cnt);
  }
}

怎么了？

Answer 1

看起来您的问题是您的函数没有区分已计算的正方形和未计算的正方形。所以相邻的方格会一直互相计数。

一种解决方案是使用您的网格副本，并修改访问过的方块的颜色，这样它们就不会再次被计算在内。或者，您可以为每个单元格添加一个counted 属性，并在您计算单元格时设置它，如果您尝试计算一个已被计算过的单元格，则返回。然后确保在完成后重置 counted 属性。

类似：

function count(x, y, color) {

  if(matrix[x] && matrix[x][y]) {
    if(matrix[x][y].color != color || matrix[x][y].counted)
      return;
    cnt++;
    matrix[x][y].counted = true;
    count(x, y+1, color);
    count(x, y-1, color);
    count(x-1, y, color);
    count(x+1, y, color);
    console.log(cnt);
  }
}