BFS：首先创建一个队列和一个visited矩阵（表示已经访问过的节点），将root节点放入队列，并在相应的visited矩阵表示已经访问过。root节点入队——>root节点出队列——>visited矩阵来表示已经访问过——>将节点的子节点（邻居）让入队列中——>出队（如果是邻居就需要判断能否加入队列）
DFS：用栈和一个visited，root进栈——>root出栈——>visited表示已经访问——>子节点进栈——>子节点1出栈——>visited——>子节点1的子节点进栈——>子节点1的子节点1(1)出栈...
695. 岛屿的最大面积
//BFS
var maxAreaOfIsland = function(grid) {
let ans = 0;
let row = grid.length;
let col = grid[0].length;
let dx = [1, -1, 0, 0], dy = [0, 0, 1, -1];//方向数组
for(let i = 0;i < row; i++){
for(let j = 0; j < col; j++){
if(grid[i][j] === 0) continue; //root不存在直接进入下一个
// 规定出队列的时候才准加count
let queue = [[i, j]], count = 0; // root存在，放入队列
while(queue.length){
let [x, y] = queue.shift(); // 先出队列
if(x < 0 || x >= row || y < 0 ||y >= col || grid[x][y] === 0) continue; // 说明刚才进队列的不是岛屿，进了直接出
count++; // 刚才是岛屿
grid[x][y] = 0;
for(let k = 0; k < dx.length; k++){
queue.push([x+dx[k], y+dy[k]])
}
}
ans = Math.max(ans, count)
}
}
return ans
};
// DFS——递归
var maxAreaOfIsland = function(grid) {
let row = grid.length;
let col = grid[0].length;
function dfs(x, y){
// 如果这个子节点不是岛屿，直接返回0
if(x<0 || x>=row || y<0 || y>=col || grid[x][y] === 0) return 0;
let count = 1, dx = [-1, 1, 0, 0], dy = [0, 0, 1, -1];
grid[x][y] = 0;
for (let i = 0; i < dx.length; i++) {//上下左右不断递归，计算每个岛屿的大小
count += dfs(x + dx[i], y + dy[i]);
}
return count;
}
let res = 0;
for(let i = 0; i < row; i++){
for(let j = 0; j < col; j++){
res = Math.max(res, dfs(i,j))
}
}
return res
};
733. 图像渲染
n 的二维整数数组表示的图画 image ，其中 image[i][j] 表示该图画的像素值大小。
你也被给予三个整数 sr , sc 和 newColor 。你应该从像素 image[sr][sc] 开始对图像进行 上色填充 。
为了完成 上色工作 ，从初始像素开始，记录初始坐标的 上下左右四个方向上 像素值与初始坐标相同的相连像素点，接着再记录这四个方向上符合条件的像素点与他们对应 四个方向上 像素值与初始坐标相同的相连像素点，……，重复该过程。将所有有记录的像素点的颜色值改为 newColor 。
最后返回 经过上色渲染后的图像 。
输入: 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，因为它不是在上下左右四个方向上与初始点相连的像素点。
// BFS
var floodFill = function(image, sr, sc, color) {
let row = image.length;
let col = image[0].length;
let oldColor = image[sr][sc];
// 说明不需要着色直接返回
if(oldColor === color) return image;
// 需要着色
let queue = [[sr,sc]],dx=[1,-1,0,0],dy=[0,0,1,-1];
while(queue.length){
let [x,y] = queue.shift();
if(x < 0 || x >= row || y < 0 || y >= col || image[x][y] !== oldColor) continue;
image[x][y] = color;
for(let k = 0; k < dx.length; k++){
queue.push([x+dx[k], y+dy[k]])
}
}
return image
};
// DFS
var floodFill = function(image, sr, sc, color) {
let row = image.length;
let col = image[0].length;
let oldColor = image[sr][sc];
if(oldColor === color) return image
function dfs(x, y){
// 说明不是相邻的
if(x < 0 || x >= row || y < 0 || y >= col || image[x][y] !== oldColor) return;
image[x][y] = color;
let dx = [-1, 1, 0, 0], dy = [0, 0, 1, -1];
for(let k = 0; k < dx.length; k++){
dfs(x+dx[k], y+dy[k])
}
}
dfs(sr, sc);
return image;
};
