js算法之寻路
A*寻路算法
算法流程说明:
说明:起始节点记作S,目标节点记作E,对于任意节点P,从S到当前节点P的总移动消耗记作GP,节点P到目标E的曼哈顿距离记作HP,从节点P到相邻节点N的移动消耗记作DPN,用于优先级排序的值F(N)记作FP
- 选择起始节点S和目标节点E,将(S,0)(节点,节点F(N)值)放入openList,openList是一个优先队列,节点F(N)值越小,优先级越高。
- 判断openList是否为空,若为空,则搜索失败,目标节点不可达;否则,取出openList中优先级最高的节点P;
- 遍历P的上下左右四个相邻接点N1-N4,对每个节点N,如果N已经在closeList中,忽略;否则有两种情况;
- 如果N不在openList中,令GN=GP+DPN,计算N到E的曼哈顿距离HN,令FN=GN+HN,令N的父节点为P,将(N,FN)放入openList;
- 如果N已经在openList中,计算GN1= GP+DPN,如果GN1小于GN,那么用新的GN1替换GN,重新计算FN,用新的(N,FN)替换openList中旧的(N,FN),令N的父节点为P;如果GN1不小于GN,不作处理。
- 将节点P放入closeList中。判断节点P是不是目标节点E,如果是,搜索成功,获取节点P的父节点,并递归这一过程(继续获得父节点的父节点),直至找到初始节点S,从而获得从P到S的一条路径;否则,重复步骤2;
效果如下:

主要代码
// 寻路
function findWay(mapArr, oStart, oEnd) {
let curPoint = null,
bFind = true; // 是否检索
curPointArr = []; // 当前指针
let n = 0;
let startX = oStart.x,
startY = oStart.y,
endX = oEnd.x,
endY = oEnd.y;
curPoint = oStart;
//起始和结束相邻,直接结束
if ((Math.abs(startX - endY) == 1 && Math.abs(startY - endY) == 1) || (Math.abs(startX - endX) == 0 && Math.abs(startY - endY) == 1) || (Math.abs(startX - endX) == 1 && Math.abs(startY - endY) == 0)) {
bFind = false;
setTimeout(function () {
alert('起始和结束位置相邻');
}, 300)
}
// 递归寻路
while (bFind) {
opens = getRound(curPoint);
if (opens.length == 0) {
alert('无路可走');
return;
}
// 选取最近的路线
opens.sort(function (a, b) {
return a.num - b.num;
});
curPoint = opens.shift();
curPointArr.push(curPoint);
// 关闭其他路线
closes = closes.concat(opens);
closes.push(curPoint);
opens = [];
// 结束
if (curPoint == oEnd) {
bFind = false;
}
}
if (!bFind) {
showLine()
}
}
// 获取打开的opensList
function getRound(curPoint) {
let opens = [];
let curX=curPoint.x,
curY=curPoint.y;
for (let i = 0; i < mapArr.length; i++) {
for (let j = 0; j < mapArr[0].length; j++) {
// 选取可以走的可能
//走斜线
if ((Math.abs(curX - i) == 0 && Math.abs(curY - j) == 1) || (Math.abs(curX - i) == 1 && Math.abs(curY - j) == 0) || (Math.abs(curX - i) == 1 && Math.abs(curY - j) == 1)) {
if (closes.indexOf(mapArr[i][j]) == -1 && mapArr[i][j].val != 3 && mapArr[i][j] != oStart) {
if (curX<mapArr.length-1 && mapArr[curX + 1][curY].val == 3) {
if (j<mapArr[0].length-1 && mapArr[curX][curY+1].val == 3 && curX + 1 == i && curY + 1 == j) {
continue;
}else if(curY>0 && mapArr[curX][curY-1].val==3 && curX + 1 == i && curY - 1 == j) {
continue;
}
}else if (curX>0 && mapArr[curX - 1][curY].val == 3) {
if (curY<mapArr[0].length-1 && mapArr[curX][curY+1].val == 3 && curX - 1 == i && curY + 1 == j) {
continue;
}else if(curY>0 && mapArr[curX][curY-1].val==3 && curX - 1 == i && curY - 1 == j) {
continue;
}
}
mapArr[i][j].num = h(mapArr[i][j]);
opens.push(mapArr[i][j]);
}
}
}
}
return opens
}
源代码下载:https://github.com/LianJianQiang/algorithm.git
参考文章:
JS算法之A*寻路
js算法之寻路的更多相关文章
- js算法集合(一) 水仙花数 及拓展(自幂数的判断)
js算法集合(一) ★ 最近有些朋友跟我说对js中的一些算法感到很迷惑,知道这个算法到底是怎么回事,但是就是不会用代码把它写出来,这里我跟大家分享一下做水仙花数的算法的思路,并对其扩展到自幂数的算法, ...
- js算法集合(二) javascript实现斐波那契数列 (兔子数列)
js算法集合(二) 斐波那契数列 ★ 上一次我跟大家分享一下做水仙花数的算法的思路,并对其扩展到自幂数的算法,这次,我们来对斐波那契数列进行研究,来加深对循环的理解. Javascript实 ...
- js算法初窥03(简单搜索及去重算法)
前面我们了解了一些常用的排序算法,那么这篇文章我们来看看搜索算法的一些简单实现,我们先来介绍一个我们在实际工作中一定用到过的搜索算法--顺序搜索. 1.顺序搜索 其实顺序搜索十分简单,我们还是以第一篇 ...
- JS算法练习四
JS算法练习 1.将使用空格分隔单词使用驼峰命名连接起来: var str="HELLO world welcome to my hometown"; /*--先输入一个有空格分隔 ...
- JS算法练习三
JS算法练习 1.生成一个长度为10的随机数组,使用冒泡法给数组排序 var arr=new Array(10); for (var i = 0; i <arr.length ; i++) { ...
- JS算法练习二
JS算法练习 1.生成4位的随机验证码,可取大小写字母和数字 ? var validateCode = "", /*--存放生成好的验证码字符串--*/ count = 0; /* ...
- JS算法练习一
JS算法练习 1.随机生成一个五位以内的数,然后输出该数共有多少位,每位分别是什么? ①.数组添加元素的方式得到位数(数组长度)与值(数组元素) ①.数组添加元素的方式得到位数(数组长度)与值(数组元 ...
- js算法初窥05(算法模式02-动态规划与贪心算法)
在前面的文章中(js算法初窥02(排序算法02-归并.快速以及堆排)我们学习了如何用分治法来实现归并排序,那么动态规划跟分治法有点类似,但是分治法是把问题分解成互相独立的子问题,最后组合它们的结果,而 ...
- js算法初窥03(搜索及去重算法)
前面我们了解了一些常用的排序算法,那么这篇文章我们来看看搜索算法的一些简单实现,我们先来介绍一个我们在实际工作中一定用到过的搜索算法——顺序搜索. 1.顺序搜索 其实顺序搜索十分简单,我们还是以第一篇 ...
随机推荐
- jquery操作html元素之(添加元素)
添加新的 HTML 内容 我们将学习用于添加新内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在 ...
- git ssh使用公钥授权怎么都不通过
前提: 1.客户端生成了id_rsa.pub和id_rsa 2.服务端在.ssh/authorized_keys也加入了客户端的id_res.pub 3./etc/ssh/sshd_config开启了 ...
- python中字典排序
一.Python的排序 1.reversed() 这个很好理解,reversed英文意思就是:adj. 颠倒的:相反的:(判决等)撤销的 print list(reversed(['dream','a ...
- 《转》python8元组
转自 http://www.cnblogs.com/BeginMan/p/3156235.html 一.元组特性 1.类似列表,但不可变类型,正因如此,它可以做一个字典的key2.当处理一组对象时,这 ...
- 随笔-ansible-3
关于循环的一些事: 是否是因为模块的原因? item适用于copy,但不适用于yum.虽然出现了警告,但并不表示不能用.功能还是不受影响的. 在上例中,我们使用了yum.copy.service模块( ...
- mysql 03章_完整性、约束
.完整性:数据库中数据的可靠性有效性和合理性我们称为数据的完整性,这样才能保证数据合理符合现实生活中的数据体现. 注:数据完整性的设计应该在设计表的时候就进行设计了,而不是等到数据库中已经存在数据才进 ...
- 【笔记篇】不普及向——莫比乌斯反演学习笔记 && 栗题HAOI2011 Problem B
Part0 广告(当然没有广告费) P.S. 这篇文章是边学着边用Typora写的...学完了题A了blog也就呼之欲出了~有latex化式子也非常方便...非常建议喜欢Markdown的dalao们 ...
- Error: Cannot find module '@babel/core'
报错如下 产生原因 babel-loader和babel-core版本不对应所产生的, babel-loader 8.x对应babel-core 7.x babel-loader 7.x对应babel ...
- 前端常用的库和实用技术之JavaScript 模块化
模块化概念 AMD是requirejs在推广过程中对模块化定义的规范化产出. 异步加载模块,依赖前置,提前执行 Define定义模块define(['require','foo'],function( ...
- vue type check failed for prop . Expected Number, got String
代码是:fileNumLimit接收的类型是Number <vue-upload fileNumLimit='100'/> 改为 <vue-upload :fileNumLimit= ...