持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第23天，点击查看活动详情
[面试题 08.10. 颜色填充](leetcode.cn/problems/ha…)
编写函数，实现许多图片编辑软件都支持的「颜色填充」功能。
待填充的图像用二维数组 image 表示，元素为初始颜色值。初始坐标点的行坐标为 sr 列坐标为 sc。需要填充的新颜色为 newColor 。
「周围区域」是指颜色相同且在上、下、左、右四个方向上存在相连情况的若干元素。
请用新颜色填充初始坐标点的周围区域，并返回填充后的图像。
「示例1:」
输入：
image = [[1,1,1],[1,1,0],[1,0,1]]
sr = 1, sc = 1, newColor = 2
输出：[[2,2,2],[2,2,0],[2,0,1]]
解释:
初始坐标点位于图像的正中间，坐标 (sr,sc)=(1,1) 。
初始坐标点周围区域上所有符合条件的像素点的颜色都被更改成 2 。
注意，右下角的像素没有更改为 2 ，因为它不属于初始坐标点的周围区域。
「提示:」
image 和 image[0] 的长度均在范围 [1, 50] 内。
初始坐标点 (sr,sc) 满足 0 <= sr < image.length 和 0 <= sc < image[0].length 。
image[i][j] 和 newColor 表示的颜色值在范围 [0, 65535] 内。
来源：力扣（LeetCode）
链接：https://leetcode.cn/problems/color-fill-lcci
著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请注明出处。
解题思路
// 第一种
新创建一个长、宽相等的矩阵，代表是否访问过，初始全为false
创建dfs函数，从起点开始深度优先遍历
dfs函数中，要添加终止条件。填充完记得标记访问，并向四个方向继续填充
代码实现
// 第一种
const floodFill = (image, sr, sc, newColor) => {
// 行、列
const [m, n] = [image.length, image[0].length];
// 旧颜色
const oldColor = image[sr][sc];
// 创建是否访问过的矩阵，初始全为false
const visited = new Array(m).fill(0).map(x => new Array(n).fill(false));
const dfs = (i, j, oldColor, newColor) => {
// 边界条件：i、j越界，或已访问过
if (i < 0 || i >= m || j < 0 || j >= n || visited[i][j]) return;
// 当前颜色不等于旧颜色，标记访问，终止操作
if (image[i][j] !== oldColor) {
visited[i][j] = true;
return;
}
// 颜色填充
image[i][j] = newColor;
// 标记访问
visited[i][j] = true;
// 四个方向继续填充
dfs(i + 1, j, oldColor, newColor);
dfs(i, j + 1, oldColor, newColor);
dfs(i - 1, j, oldColor, newColor);
dfs(i, j - 1, oldColor, newColor);
};
// 传入起点、旧颜色、新颜色
dfs(sr, sc, oldColor, newColor);
return image;
};
如果你对这道题目还有疑问的话，可以在评论区进行留言；
