LeetCode 颜色填充（JavaScript）

最新推荐文章于 2024-02-25 20:08:22 发布

猫弦920

最新推荐文章于 2024-02-25 20:08:22 发布

阅读量197

点赞数

文章标签： leetcode 算法职场和发展

本文链接：https://blog.youkuaiyun.com/weixin_62927958/article/details/128600687

版权

文章介绍了使用广度优先搜索(BFS)和深度优先搜索(DFS)两种方法实现图像中特定颜色区域的填充。在BFS中，从给定坐标开始，逐步遍历相邻相同颜色的像素并更改颜色，直到所有可达像素都被访问。DFS则采用递归方式，从当前像素出发，探索其周围邻居，直至无相邻相同颜色的像素。文章强调了边界条件的处理和优化，如当新颜色与原颜色相同时直接返回，以提高效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

题目：

解决方法：

方法1：广度优先搜索

从坐标（sr,sc）往上下左右寻找image[sr][sc]这个颜色的坐标，然后把找到的坐标存到一个数组中，之后再从这个数组中的坐标再寻找上下左右寻找，直到这个数组全部被找完。

这里面是有图，学过图的话，看这个比较好理解。

深度优先搜索（dfs）和广度优先搜索（bfs）_猫弦920的博客-优快云博客

其次是，我们要知道，往上下左右寻找，有些坐标是没有左边，或者右边的。我们看下图：

坐标为（0,y）是没有上边;坐标为(3,y) 是没有下边; 坐标为（x,0）是没有左边; 坐标为(x,3) 是没有右边。这里的的横坐标的3应该是image.length-1，纵坐标的3是image[0].length-1，由此我们有了四个判断条件。

还要知道，当newColor 和 image[sr][sc] 的颜色相同时候，直接返回 image 这样速度会快很多。(这里很重要，不然就超时了）

代码：

var floodFill = function (image, sr, sc, newColor) {
      let visited = [[sr, sc]];
      let oldColor = image[sr][sc];
      image[sr][sc] = newColor;
      if (newColor == oldColor) {
        return image;
      }
      while (visited.length != 0) {
        let current = visited.pop();
        let x = current[0];
        let y = current[1];
        // 上
        if (x > 0 && image[x - 1][y] == oldColor) {
          visited.push([x - 1, y]);
          image[x - 1][y] = newColor;
        }
        // 下
        if (x < image.length - 1 && image[x + 1][y] == oldColor) {
          visited.push([x + 1, y]);
          image[x + 1][y] = newColor;
        }
        // 左
        if (y > 0 && image[x][y - 1] == oldColor) {
          visited.push([x, y - 1]);
          image[x][y - 1] = newColor;
        }
        // 右
        if (y < image[0].length - 1 && image[x][y + 1] == oldColor) {
          visited.push([x, y + 1]);
          image[x][y + 1] = newColor;
        }
      }
      return image;
    };

方法2：深度优先搜索

从坐标（sr，sc）往上下左右寻找 image[sr][sc]这个颜色的坐标，假如我们找到了，这个坐标为(x,y)，那么我们先找这个(x,y)的上下左右，直到上下左右没有相同的颜色之后，再返回上一个坐标接着往下找，直到最开始那个坐标的上下左右没有相同的颜色为止。

代码：

 var floodFill = function (image, sr, sc, newColor) {
            if (image[sr][sc] == newColor) return image;
            const dfs = (image, x, y, oldColor, newColor) => {
                // 上
                if (x > 0 && image[x - 1][y] == oldColor) {
                    image[x - 1][y] = newColor;
                    dfs(image, x - 1, y, oldColor, newColor);
                }
                // 下
                if (x < image.length - 1 && image[x + 1][y] == oldColor) {
                    image[x + 1][y] = newColor;
                    dfs(image, x + 1, y, oldColor, newColor);
                }
                // 左
                if (y > 0 && image[x][y - 1] == oldColor) {
                    image[x][y - 1] = newColor;
                    dfs(image, x, y - 1, oldColor, newColor);
                }
                // 右
                if (y < image[0].length - 1 && image[x][y + 1] == oldColor) {
                    image[x][y + 1] = newColor;
                    dfs(image, x, y + 1, oldColor, newColor);
                }
                return image;
            }
            dfs(image, sr, sc, image[sr][sc], newColor);
            image[sr][sc] = newColor;
            return image;
        };