- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试获得一种算法,该算法将找到骑士可以在棋盘中移动并访问所有方格而不重复任何方格的可能移动序列的路径。这是可能的,如下图所示
为了尝试实现这一目标,我遵循了以下步骤
allSquares
创建了一个数组 ['a1', 'a2', 'a3', ..., 'h7', 'h8']
visitedSquares
数组。初始这是空的 []
路径
数组的函数。这表示骑士可以从其他方格移动到的方格{
"a8": ["c7", "b6"],
"a7": ["c6", "b5","c8"],
"a6": ["c5","b4","c7","b8"],
...
"h3": ["f2","g1","f4","g5"],
"h2": ["f1","f3","g4"],
"h1": ["f2","g3"]
}
getNextNode()
函数来返回访问节点的最大成本 while (this.squaresNotVisited.length > 0) {
const nextTerm = this.getNextNode();
const currentCost = this.pathCosts[nextTerm[0]];
const nextPaths: string[] = this.paths[nextTerm[0]];
nextPaths.forEach(square => {
if (this.pathCosts[square] < currentCost + 1) {
this.pathCosts[square] = currentCost + 1;
}
});
this.squaresVisited = [...this.squaresVisited, nextTerm[0]];
this.squaresNotVisited = this.allSquares.filter(
x => !this.squaresVisited.includes(x)
);
}
下面是完整的Javascript代码
class AppComponent {
board = {
columns: ["a", "b", "c", "d", "e", "f", "g", "h"],
rows: [8, 7, 6, 5, 4, 3, 2, 1]
};
allSquares = this.board.columns.reduce(
(prev, next) => [...prev, ...this.board.rows.map(x => next + x)],
[]
);
currentKnightPosition = "h5";
squaresVisited = [];
squaresNotVisited = [...this.allSquares];
nextPossibleKnightPosition = currentKnightPosition => {
const row = this.board.columns.indexOf(currentKnightPosition[0]);
const column = Number(currentKnightPosition[1]) - 1;
return [
[column - 1, row - 2],
[column - 1, row + 2],
[column - 2, row - 1],
[column - 2, row + 1],
[column + 1, row - 2],
[column + 1, row + 2],
[column + 2, row - 1],
[column + 2, row + 1]
]
.filter(
([row, column]) => column >= 0 && column < 8 && row >= 0 && row < 8
)
.map(
([row, column]) =>
this.board.columns[column] + this.board.rows[8 - row - 1]
);
};
paths = this.allSquares.reduce(
(prev, next) => ({
...prev,
[next]: this.nextPossibleKnightPosition(next)
}),
{}
);
isNextSquare = square =>
this.nextPossibleKnightPosition(this.currentKnightPosition).includes(
square
);
costs = { [this.currentKnightPosition]: 0 };
pathCosts = {
...this.allSquares.reduce(
(prev, next) => ({ ...prev, [next]: -Infinity }),
{}
),
[this.currentKnightPosition]: 0
};
getNextTerm = () => {
let nonVisted = Object.entries(this.pathCosts).filter(
([x, y]) => !this.squaresVisited.includes(x)
);
const maxPath = Math.max(...Object.values(nonVisted.map(([, x]) => x)));
return nonVisted.find(([, x]) => x === maxPath);
};
costsCalc = () => {
while (this.squaresNotVisited.length > 0) {
const nextTerm = this.getNextTerm();
const currentCost = this.pathCosts[nextTerm[0]];
const nextPaths = this.paths[nextTerm[0]];
nextPaths.forEach(square => {
if (this.pathCosts[square] < currentCost + 1) {
this.pathCosts[square] = currentCost + 1;
}
});
this.squaresVisited = [...this.squaresVisited, nextTerm[0]];
this.squaresNotVisited = this.allSquares.filter(
x => !this.squaresVisited.includes(x)
);
}
};
ngOnInit() {
this.costsCalc();
console.log(Math.max(...Object.values(this.pathCosts)))
}
}
const app = new AppComponent();
app.ngOnInit()
该方法返回最长路径为 51... 这是不正确的,因为方 block 数为 64。我无法确定错误是在我的代码中还是在我使用的方法中。下面还有一个demo on stackblitz
最佳答案
在每一步中,您的方法只采用最长的路径并更新其所有邻居。这不是撤消决策,这就是它卡在 52 路径长度的原因。
当您发现当前的解决方案不起作用时,请务必返回,即 Backtracking .
...使用 Warnsdorff's rule .
const findPath = (knightPosition) => {
if (squaresVisited.size === allSquares.length - 1) return [knightPosition]
squaresVisited.add(knightPosition)
const neighbors = paths[knightPosition]
.filter(neighbor => !squaresVisited.has(neighbor))
.map(neighbor => {
const neighborCount = paths[neighbor]
.filter(square => !squaresVisited.has(square))
.length
return {
position: neighbor,
count: neighborCount
}
})
const minNeighborsCount = Math.min(...neighbors.map(({ count }) => count))
const minNeighbors = neighbors.filter(neighbor => neighbor.count === minNeighborsCount)
for (const minNeighbor of minNeighbors) {
const { position, count } = minNeighbor
const path = findPath(position)
if (path) return [knightPosition, ...path]
}
squaresVisited.delete(knightPosition)
}
const board = {
columns: ["a", "b", "c", "d", "e", "f", "g", "h"],
rows: [8, 7, 6, 5, 4, 3, 2, 1]
};
const allSquares = board.columns.reduce(
(prev, next) => [...prev, ...board.rows.map(x => next + x)],
[]
);
const nextPossibleKnightPositions = currentKnightPosition => {
const row = board.columns.indexOf(currentKnightPosition[0]);
const column = Number(currentKnightPosition[1]) - 1;
return [
[column - 1, row - 2],
[column - 1, row + 2],
[column - 2, row - 1],
[column - 2, row + 1],
[column + 1, row - 2],
[column + 1, row + 2],
[column + 2, row - 1],
[column + 2, row + 1]
]
.filter(
([row, column]) => column >= 0 && column < 8 && row >= 0 && row < 8
)
.map(
([row, column]) =>
board.columns[column] + board.rows[8 - row - 1]
);
};
const paths = allSquares.reduce(
(prev, next) => ({
...prev,
[next]: nextPossibleKnightPositions(next)
}),
{}
);
const squaresVisited = new Set();
const findPath = (knightPosition) => {
if (squaresVisited.size === allSquares.length - 1) return [knightPosition]
squaresVisited.add(knightPosition)
const neighbors = paths[knightPosition]
.filter(neighbor => !squaresVisited.has(neighbor))
.map(neighbor => {
const neighborCount = paths[neighbor]
.filter(square => !squaresVisited.has(square))
.length
return {
position: neighbor,
count: neighborCount
}
})
const minNeighborsCount = Math.min(...neighbors.map(({ count }) => count))
const minNeighbors = neighbors.filter(neighbor => neighbor.count === minNeighborsCount)
for (const minNeighbor of minNeighbors) {
const { position, count } = minNeighbor
const path = findPath(position)
if (path) return [knightPosition, ...path]
}
squaresVisited.delete(knightPosition)
}
const path = findPath("h5");
console.log(path)
allSquares.forEach(square => {
squaresVisited.clear()
const path = findPath(square)
if(path.length !== 64) throw new Error(sqaure)
})
console.log("Works for all squares")
关于javascript - 算法:生成小马移动到所有棋盘格的路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65752559/
我已经尝试在我的 CSS 中添加一个元素来删除每三个 div 的 margin-right。不过,似乎只是出于某种原因影响了第 3 次和第 7 次。需要它在第 3、6、9 等日工作... CSS .s
如何使 div/input 闪烁或“脉冲”?例如,假设表单字段输入了无效值? 最佳答案 使用 CSS3 类似 on this page ,您可以将脉冲效果添加到名为 error 的类中: @-webk
我目前正在尝试构建一个简单的 wireframe来自 lattice 的情节包,但由沿 y 轴的数百个点组成。这导致绘图被线框网格淹没,您看到的只是一个黑色块。我知道我可以用 col=FALSE 完全
在知道 parent>div CSS 选择器在 IE 中无法识别后,我重新编码我的 CSS 样式,例如: div#bodyMain div#paneLeft>div{/*styles here*/}
我有两个 div,一个在另一个里面。当我将鼠标悬停 到最外面的那个时,我想改变它的颜色,没问题。但是,当我将鼠标悬停 到内部时,我只想更改它的颜色。这可能吗?换句话说,当 将鼠标悬停到内部 div 上
我需要展示这样的东西 有人可以帮忙吗?我可以实现以下输出 我正在使用以下代码:: GridView.builder( scrollDirection: Axis.vertical,
当 Bottom Sheet 像 Android 键盘一样打开时,是否有任何方法可以手动上推布局( ScrollView 或回收器 View 或整个 Activity )?或者你可以说我想以 Bott
我有以下代码,用于使用纯 HTML 和 CSS 显示翻转。当您将鼠标悬停在文本上时,它会更改左右图像。 在我测试的所有浏览器中都运行良好,Safari 4 除外。据我收集的信息,Safari 4 支持
我构建了某种 CMS,但在使用 TinyMCE 和 Bootstrap 时遇到了一些问题。 我有一个页面,其中概述了一个 div,如果用户单击该 div,他们可以从模态中选择图像。该图像被插入到一个
出于某种原因,当我设置一个过渡时,当我的鼠标悬停在一个元素上时,背景会改变颜色,它只适用于一个元素,但它们都共享同一个类?任何帮助我的 CSS .outer_ad { position:rel
好吧,这真的很愚蠢。我不知道 Android Studio 中的调试监视框架发生了什么。我有 1.5.1 的工作室。 是否有一些来自 intellij 的 secret 知识来展示它。 最佳答案 与以
我有这个标记: some code > 我正在尝试获取此布局: 注意:上一个和下一个按钮靠近#player 我正在尝试这样: .nextBtn{
网站:http://avuedesigns.com/index 首页有 6 个菜单项。我希望每件元素在您经过时都有自己的颜色。 这是当您将鼠标悬停在 div 上时将所有内容更改为白色的行 li#hom
我需要在 index.php 文件中显示它,但没有任何效果。我所有的文章都没有正确定位。我将其用作代码: 最佳答案 您可以首先检查您
我是一名优秀的程序员,十分优秀!