js实现广度优先搜索和深度优先搜索

已于 2023-06-15 18:19:57 修改
阅读量1.6k 收藏 3
点赞数 1
分类专栏： 杂七杂八 文章标签： javascript 宽度优先 深度优先
于 2018-11-13 10:44:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ChenyiMX/article/details/84025035
版权

最近在学习算法，看了图解算法，但是感觉写的太简单，理论比较多，代码实现比较和例子比较少，看完后，又接着看了《啊哈！算法》，这个感觉例子比较多，也比较适合我这种算法入门的读者。

书上的例子一一打了一遍，因为作者是用c写的，而我是没接触过c，用了自己比较熟悉的js把例子打了一遍。用广搜写了贪吃蛇自动吃果实，只能吃100多个，自认为还能完善，于是等完善后在放在博客上面吧。

这里先写写用dfs（深搜） 和 bfs（广搜）算法实现 炸弹人的统计哪个点能消灭的怪物最多的算法

这里是地图，要求从3，3位置走，在那个地方消灭的怪物最多

在这里插入图片描述

这里是用bfs 完成目标的算法 ，基本上都有注释

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>炸弹人</title>
</head>
<body>
<script>
    function note(x,y){
        this.x = x;
        this.y = y;
    }
    var a = [
                ["#","#","#","#","#","#","#","#","#","#","#","#","#"],//1
                ["#","G","G",".","G","G","G","#","G","G","G",".","#"],//2
                ["#","#","#",".","#","G","#","G","#","G","#","G","#"],//3
                ["#",".",".",".",".",".",".",".","#",".",".","G","#"],//4
                ["#","G","#",".","#","#","#",".","#","G","#","G","#"],//5
                ["#","G","G",".","G","G","G",".","#",".","G","G","#"],//6
                ["#","G","#",".","#","G","#",".","#",".","#",".","#"],//7
                ["#","#","G",".",".",".","G",".",".",".",".",".","#"],//8
                ["#","G","#",".","#","G","#","#","#",".","#","G","#"],//9
                ["#",".",".",".","G","#","G","G","G",".","G","G","#"],//10
                ["#","G","#",".","#","G","#","G","#",".","#","G","#"],//11
                ["#","G","G",".","G","G","G","#","G",".","G","G","#"],//12
                ["#","#","#","#","#","#","#","#","#","#","#","#","#"]//13

            ];


    //计算当前点能炸多少个怪物
    function getnum(i,j){

        var sum, x,y;
        sum = 0;//sum用来计数（可以消灭的敌人数），所以需要初始化为0
        //将坐标i,j复制到两个新变量中，以便之后向上下左右四个方向统计可以被消灭的敌人的数目
        //向上统计可以消灭的敌人的数目
        x = i;
        y = j;
        while(a[x][y]!="#"){//判断的点是不是墙，如果不是墙就继续
            if(a[x][y]=="G"){
                sum++;
            }
                //x--的作用是继续向上统计
                x--;


        }

        //向下统计可以消灭的敌人数
        x = i;
        y = j;
        while(a[x][y]!="#"){
            if(a[x][y]=="G")
            {
                sum++;
            }
                //x++向下统计
                x++;

                    }

        //向左统计可以消灭的敌人数
        x = i;
        y = j;
        while(a[x][y]!="#"){
            if(a[x][y]=="G")
            {
                sum++;
            }
                //x++向下统计
                y--;

        }

        //向右统计可以消灭的敌人数
        x = i;
        y = j;
        while(a[x][y]!="#"){
            if(a[x][y]=="G")
            {
                sum++;
            }
                //x++向下统计
                y++;

        }

        return sum;
    }

    var que = [];
    //假设地图大小不超过20*20，因此队列扩展不超过400个
    var head,tail;
    var book = [];
    //初始化标记数组 为0；
    for(var i = 1;i<=20;i++ ){
        var now = [];
        for(var j = 1;j<=20;j++){
            now[j] = 0;
        }
        book[i] = now;
    }
    var i, j, k,sum,max= 0,mx,my, n, m,startx,starty,tx,ty;

    //定义一个用于表示走的方向的数组  数组和坐标的表现方法正好相反
    var next = [[0,1],//向右走
                [1,0],//向下走
                [0,-1],//向左走
                [-1,0]];//向上走

    //表示有多少行字符，m表示有多少列字符
    n = 13;
    m = 13;
    //给小人的坐标赋值
    startx = 3;
    starty = 3;
    //队列初始化
    head = 1;
    tail = 1;
    //向初始队列中插入小人的坐标
    que[tail] = new  note();
    que[tail].x = startx;
    que[tail].y = starty;
    //保证初始的tail比head大于，也就是head是tail队列的上一个元素
    tail++;
    //开始点设置为1
    book[startx][starty]=1;

    //先把初始点的数量赋值给max
    max = getnum(startx,starty);
    mx = startx;
    my = starty;

    //接下来便是扩展，也就是深度优先搜索的核心
    //当队列不为空时循环
    while(head<tail){
        //枚举四个方向
        for(k=0;k<=3;k++){
            //尝试走下一个点
            tx = que[head].x + next[k][0];
            ty = que[head].y + next[k][1];
            //判断是否越界
            if(tx<0||tx>n-1||ty<0||ty>m-1){
                continue;
            }
            //判断是否为平地或者曾经走过的
            if(a[tx][ty]=="."&&book[tx][ty]==0){

                //每个点只入队一次，所以要标记这个点已经走过
                book[tx][ty]=1;
                //插入新扩展的点到队列中
                que[tail] = new  note();
                que[tail].x = tx;
                que[tail].y = ty;
                tail++;
                sum =getnum(tx,ty);
                if(sum>max){
                    //如果当前统计出的数目大于max，那么跟新max，并用mx,my记录该点的坐标
                    max = sum;
                    mx = tx;
                    my = ty;

                }

            }

        }
        head++;

    }

    console.log("坐标是：（"+mx+","+my+"）消灭的最大数量为："+max);

</script>
</body>
</html>

这里是深搜实现的方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>炸弹人</title>
</head>
<body>
<script>
    function note(x,y){
        this.x = x;
        this.y = y;
    }
    var a = [
        ["#","#","#","#","#","#","#","#","#","#","#","#","#"],//1
        ["#","G","G",".","G","G","G","#","G","G","G",".","#"],//2
        ["#","#","#",".","#","G","#","G","#","G","#","G","#"],//3
        ["#",".",".",".",".",".",".",".","#",".",".","G","#"],//4
        ["#","G","#",".","#","#","#",".","#","G","#","G","#"],//5
        ["#","G","G",".","G","G","G",".","#",".","G","G","#"],//6
        ["#","G","#",".","#","G","#",".","#",".","#",".","#"],//7
        ["#","#","G",".",".",".","G",".",".",".",".",".","#"],//8
        ["#","G","#",".","#","G","#","#","#",".","#","G","#"],//9
        ["#",".",".",".","G","#","G","G","G",".","G","G","#"],//10
        ["#","G","#",".","#","G","#","G","#",".","#","G","#"],//11
        ["#","G","G",".","G","G","G","#","G",".","G","G","#"],//12
        ["#","#","#","#","#","#","#","#","#","#","#","#","#"]//13

    ];

    //计算当前点能炸多少个怪物
    function getnum(i,j){

        var sum, x,y;
        sum = 0;//sum用来计数（可以消灭的敌人数），所以需要初始化为0
        //将坐标i,j复制到两个新变量中，以便之后向上下左右四个方向统计可以被消灭的敌人的数目
        //向上统计可以消灭的敌人的数目
        x = i;
        y = j;
        while(a[x][y]!="#"){//判断的点是不是墙，如果不是墙就继续
            if(a[x][y]=="G"){
                sum++;
            }
            //x--的作用是继续向上统计
            x--;


        }

        //向下统计可以消灭的敌人数
        x = i;
        y = j;
        while(a[x][y]!="#"){
            if(a[x][y]=="G")
            {
                sum++;
            }
            //x++向下统计
            x++;

        }

        //向左统计可以消灭的敌人数
        x = i;
        y = j;
        while(a[x][y]!="#"){
            if(a[x][y]=="G")
            {
                sum++;
            }
            //x++向下统计
            y--;

        }

        //向右统计可以消灭的敌人数
        x = i;
        y = j;
        while(a[x][y]!="#"){
            if(a[x][y]=="G")
            {
                sum++;
            }
            //x++向下统计
            y++;

        }

        return sum;
    }

    function dfs(x,y){
        var next = [[0,1],//向右走
            [1,0],//向下走
            [0,-1],//向左走
            [-1,0]];//向上走

        var k,sum,tx,ty;
        //计算当前点所消灭的敌人
        sum = getnum(x,y);
        //更新max的值和坐标
        if(sum>max){
            max = sum;
            mx = x;
            my = y;
        }
        //枚举四个方向
        for(k = 0;k<=3;k++){
            //下一个点的坐标
            tx = x + next[k][0];
            ty = y + next[k][1];
            //判断是否出局
            if(tx<0||tx>n-1||ty<0||ty>m-1){
                continue;
            }
            //判断是否可走 并且没有被标记过
            if(a[tx][ty]=="."&&book[tx][ty]==0){
                //更新标记
                book[tx][ty] = 1;
                //开始尝试走下一个点
                dfs(tx,ty);
            }
        }
        //返回到上一个方法
        return;
    }
    var i,startx,starty,max,mx,my;
    //初始化记录队列
    var book = [];
    //初始化标记数组 为0；
    for(var i = 1;i<=20;i++ ){
        var now = [];
        for(var j = 1;j<=20;j++){
            now[j] = 0;
        }
        book[i] = now;
    }

    //表示有多少行字符，m表示有多少列字符
    n = 13;
    m = 13;
    //给小人的坐标赋值
    startx = 3;
    starty = 3;

    //开始点设置为1
    book[startx][starty]=1;

    //先把初始点的数量赋值给max
    max = getnum(startx,starty);
    mx = startx;
    my = starty;

    dfs(startx,starty);

    console.log("坐标是：（"+mx+","+my+"）消灭的最大数量为："+max);
</script>
</body>
</html>

答案应该是下面的

在这里插入图片描述

ChenyiMX
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS实现深度优先搜索求解两点间最短路径
12-09
本文实例为大家分享了JS实现深度优先搜索求解两点间最短路径的具体代码，供大家参考，具体内容如下 效果： 找出图里点到点最短路径，并打印轨迹 图片如下所示： 代码： const map = [ [0, 1, 1, 0, 1], [1, ...
算法——深度优先搜索(dfs)和广度优先搜索(bfs)_(JS实现)
weixin_43284350的博客
07-21 603
问题描述 有一个二维数组map[4][4]， [0, 0, 0, 0], [1, 0, 1, 0], [1, 0, 0, 0], [1, 0, 1, 0], 把map[0][0]作为起点，map[4][4]作为终点，如果数组中的值0代表可以通过，1代表无法通过。求出是否能从起点到达终点，如果可以，输出ture,并且输入路径。 一、深度优先搜索(dfs) ① 概念理解：一个人迷路，遇到很多分叉路口，他只有一个人，并且想走出去，所以只能一个个尝试，一条道路走到黑，发现到头了，
JavaScript数据结构与算法总结四——图（深度优先、广度优先、最短路径、最小生成树）
weixin_44037272的博客
05-17 328
图由边的集合及顶点的集合组成。图的表示图的遍历深度优先搜索广度优先搜索 最短路径Dijkstra 算法Floyd-Warshall 算法 最小生成树Prim 算法Kruskal 算法
js算法的深度优先遍历和广度优先遍历
峰会路转的博客
04-13 4798
深度优先遍历实现方式1 //深度优先遍历方法 let tree = { id: '1', title: '节点1', children: [ { id: '1-1', title: '节点1-1' }, { id: '1-2', title: '节点1-2', children: [{ id: '2', title: '节点2'
js-flat的5种实现及设置deep层
junjiahuang的博客
08-24 153
【数据源】仅限：数组中嵌套数组的情况，不包含对象。
JS数组中的方法 flat()，flatMap()
A_9888的博客
07-22 6412
它与map连着深度值为1的flat几乎相同，但flatMap通常在合并成一种方法的效率稍微高一些。官方解释该方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。一个新的数组，其中每个元素都是回调函数的结果，并且结构深度depth值为1。//只会将flatMap中的函数返回的数组“压平”一层。指定要提取嵌套数组的结构深度(降维深度)，默认值为1。数组中正在处理的当前元素的索引。当前正在数组中处理的元素。//返回新数组的元素。...
JavaScript树的深度优先遍历和广度优先遍历算法示例
10-18
主要介绍了JavaScript树的深度优先遍历和广度优先遍历算法,结合实例形式分析了JavaScript树的深度优先遍历、广度优先遍历递归与非递归相关实现技巧,需要的朋友可以参考下
javascript通过递归和栈实现树深度优先遍历和广度优先遍历
03-15
javascript通过递归和栈实现树深度优先遍历和广度优先遍历
JavaScript实现树的遍历算法示例【广度优先与深度优先】
10-19
主要介绍了JavaScript实现树的遍历算法,结合实例形式分析了javascript针对树结构的广度优先遍历与深度优先遍历实现方法,需要的朋友可以参考下
JavaScript中的深度优先(dfs)和广度优先(bfs)
weixin_50789156的博客
07-09 613
前端bfs和dfs的应用，欢迎来学习交流！！
javascript中采用深度优先和广度优先遍历DOM树算法
weixin_51431277的博客
04-02 1260
javascript中采用深度优先和广度优先遍历DOM树算法
数据结构--知识点16--搜索算法(二叉树)
ANingL的博客
09-06 2837
文章目录一、树的概念1、特点2、树的术语3、树的种类4、树的存储与表示5、常见的树的应用场景二、二叉树1、概念2、性质 一、树的概念 树是一种抽象数据类型(ADT)或是视作这种抽象数据类型的数据结构 1、特点 每个节点有零个或多个子节点 没有父节点的节点称为根节点 每一个非根节点有且只有一个父节点 除了根节点外，每个子节点可以分为**多个不相交(因为都只有一个父节点)**的子树 2、树的术语 节点的度：一个节点含有的子树的个数称为该节点的度 树的度：一棵树中，最大的节点的度称为树的度 叶节点或终端节点
JS 中的广度与深度优先遍历
前端老兵
07-05 3427
现在有一种类似树的数据结构，但是不存在共同的根节点 root，每一个节点的结构为 {key: 'one', value: '1', children: [...]}，都包含 key 和 value，如果存在 children 则内部会存在 n 个和此结构相同的节点，现模拟数据如下图：已知一个 value 如 3-2-1，需要取出该路径上的所有 key，即期望得到 ['three', 'three-...
js深度、广度 遍历 dom树
sqfbeijing的专栏
12-22 3132
// 深度遍历 function interator(node) { console.log(node); if (node.children.length) { for (var i = 0; i < node.children.length; i++) { interator(node.children[i]); }
JS实现广度优先遍历
m0_72572410的博客
10-25 1336
广度优先遍历，js，树形结构
js实现深度优先搜索(DFS)和广度优先搜索(BFS)
weixin_46734347的博客
04-05 4455
深度优先搜索（DFS） 首先构造一个我们需要遍历的结构，这里用html演示 <div id="root"> <p></p> <label></label> <ul> <li> <span></span> </li> <li></li>
JavaScript深度优先遍历和广度优先遍历
foradmin的博客
04-14 1821
深度优先遍历DFS 假设初始状态是图中所有顶点均未被访问，则从某个顶点v出发，首先访问该顶点然后依次从它的各个未被访问的邻接点出发深度优先搜索遍历图，直至图中所有和v有路径相通的顶点都被访问到。若此时尚有其他顶点未被访问到，则另选一个未被访问的顶点作起始点，重复上述过程，直至图中所有顶点都被访问到为止。 // 用递归进行深度优先遍历 function deepFirstSearch(node...
js实现深度优先遍历和广度优先遍历
John的专栏
02-29 431
什么是深度优先和广度优先 其实简单来说 深度优先就是自上而下的遍历搜索 广度优先则是逐层遍历, 如下图所示 1.深度优先 2.广度优先 两者的区别 对于算法来说 无非就是时间换空间 空间换时间 深度优先不需要记住所有的节点, 所以占用空间小, 而广度优先需要先记录所有的节点占用空间大 深度优先有回溯的操作(没有路走了需要回头)所以相对而言时间会长一点 深度优先采用...
js写一个深度优先搜索
最新发布
09-14
下面是一个用JavaScript编写的深度优先搜索算法的例子： ```javascript class Graph { constructor(vertices) { this.vertices = vertices; this.adjList = new Map(); } addVertex(v) { this.adjList.set(v...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值