如何在井字棋AI中正确实现基于获胜组合权重的最优落子策略

霞舞

霞舞

2026-08-03

267人浏览

原创

如何在井字棋AI中正确实现基于获胜组合权重的最优落子策略

本文详解如何修复井字棋AI中因数组索引越界和类型误用导致的无限循环与运行时错误,重点解决winningCombinationsState与Game.winningCombinations索引不匹配、delete破坏数组结构、以及for...in遍历数组引发的类型异常等问题。

本文详解如何修复井字棋ai中因数组索引越界和类型误用导致的无限循环与运行时错误,重点解决`winningcombinationsstate`与`game.winningcombinations`索引不匹配、`delete`破坏数组结构、以及`for...in`遍历数组引发的类型异常等问题。

在实现井字棋(Tic-Tac-Toe)AI的启发式决策逻辑时,常见做法是为每条预定义获胜路径(如 [0,1,2]、[3,4,5] 等)维护一个“威胁值”数组 winningCombinationsState,其长度等于获胜组合总数(通常为 8),每个元素表示该组合当前被玩家占据的程度(例如:X 占1格→+1,O 占1格→−1,空格→0;取绝对值后反映“接近赢”的程度)。bestMove() 函数的目标是:优先选择权重最高(即 Math.max(...winningCombinationsState))的组合中第一个空位;若该组合已满,则降级选择次高权重组合,依此类推

但原始代码存在三处关键缺陷:

❌ 问题1:indexOf + delete 导致索引错位与稀疏数组

let max = winningCombinationsState.indexOf(Math.max(...winningCombinationsState));
delete winningCombinationsState[max]; // ← 错误!
  • delete arr[i] 不会移除元素,而是将 arr[i] 设为 undefined,使数组变为稀疏数组(sparse array);
  • 后续 Math.max(...winningCombinationsState) 会忽略 undefined,但 indexOf 仍可能返回已被 delete 的旧索引(如 max === 7),而此时 Game.winningCombinations[7] 可能已无效或越界(尤其当 winningCombinationsState.length !== Game.winningCombinations.length);
  • 更严重的是:delete 后数组长度不变,但有效元素减少,造成逻辑与数据结构脱节。

✅ 正确做法:使用 filter 或 splice 动态维护候选索引列表,而非原地破坏数组。

小羊标书
小羊标书

一键生成百页标书,让投标更简单高效

下载

❌ 问题2:for...in 遍历数组 → slot 是字符串索引,非数值

for (let slot in Game.winningCombinations[max]) { // ← slot 是 "0", "1", "2" 字符串!
  if (Game.state[slot] == "") { // ← Game.state["0"] 可能工作,但语义错误且易出错
  • for...in 遍历的是对象属性名(即使对数组,也返回字符串索引 "0", "1"…),而 Game.state[slot] 实际访问的是 Game.state["0"] —— 虽然 JavaScript 允许字符串数字索引,但这是危险的隐式转换;
  • 更致命的是:当 Game.winningCombinations[max] 因前述 delete 变为 undefined 时,Game.winningCombinations[max][slot] 将报错 Cannot read property '0' of undefined,即原文中的 Game.winningCombinations[max] is not iterable。

✅ 正确做法:用 for...of 或传统 for (let i = 0; i

✅ 修复后的健壮实现

function bestMove() {
  // 创建候选组合索引数组:[0, 1, 2, ..., n-1]
  const candidates = Array.from(
    { length: winningCombinationsState.length },
    (_, i) => i
  );

  // 按权重降序排序索引(稳定排序,保留原始顺序)
  candidates.sort((a, b) => 
    winningCombinationsState[b] - winningCombinationsState[a]
  );

  // 逐个尝试高权重组合
  for (const idx of candidates) {
    const combo = Game.winningCombinations[idx];
    // 安全检查:combo 必须存在、是数组、且非空
    if (!Array.isArray(combo) || combo.length === 0) continue;

    // 在该组合中查找第一个空位
    for (const pos of combo) {
      // 确保 pos 是有效数字索引,且 Game.state[pos] 存在
      if (typeof pos === 'number' && 
          pos >= 0 && 
          pos <h3>? 关键改进点总结</h3>
  • 索引安全:通过 candidates 数组独立管理有效索引,避免修改原始 winningCombinationsState;
  • 类型防护:显式检查 Array.isArray(combo) 和 typeof pos === 'number',杜绝 undefined 访问;
  • 边界防御:验证 pos 是否在 Game.state 合法范围内(0 ≤ pos
  • 兜底逻辑:当所有获胜组合均被占满时,回退到扫描整个棋盘找空位,防止函数返回 undefined;
  • 语义清晰:用 for...of 直接遍历组合中的位置值(如 0, 1, 2),而非字符串索引。

? 提示:若需进一步优化性能(如频繁调用),可预先缓存 winningCombinationsState 的排序结果,或改用堆(heap)结构动态维护 top-K 权重索引。但在标准井字棋规模下,上述线性扫描已足够高效且可读性强。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

2023.06.20

2363

5

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

2023.07.04

717

3

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

2023.07.04

2181

6

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

2023.09.01

637

4

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.04

1166

5

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

2023.09.04

2085

4

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

2023.09.12

2366

6

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

2023.09.20

1475

5

java访问控制修饰符介绍
java访问控制修饰符介绍

java访问控制修饰符有四种,分别是public、protected、private、默认访问修饰符。详细介绍:1、public,public是最宽松的访问控制修饰符,被修饰的类、方法和变量可以被任何其他类访问,当一个类、方法或变量被声明为public时,它们可以在任何地方被访问,无论是同一个包中的类还是不同包中的类;2、protected修饰符等等。

2023.09.20

498

7

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.4万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 131.8万人学习