识别用户在填空题中填写的答案：JavaScript 教程

DDD

发布时间：2025-09-14 21:07:00

373人浏览过

来源于php中文网

原创

识别用户在填空题中填写的答案：javascript 教程

本文介绍如何使用 JavaScript 编写一个函数，用于识别用户在填空题中填写的答案。该函数接收包含下划线的模板字符串和用户填写的完整字符串作为输入，并返回一个包含用户填写内容的数组。文章将提供详细的代码示例，并讨论一些需要注意的边缘情况，例如空字符串和嵌入在单词中的填空。

使用正则表达式识别填空内容

识别用户在填空题中填写的答案，核心在于找到模板字符串中 ____ 占位符对应的内容。一种有效的方法是使用正则表达式。以下是一个 JavaScript 函数 fillBlanks 的实现，它利用正则表达式来提取填空内容：

const fillBlanks = (template, response, match = response .match (new RegExp (
  template .replace(/[/\-\\^$*+?.()|[\]{}]/g, '\\$&') // 转义正则表达式特殊字符
           .replace(/ /g, '\\s*')                     // 允许空格数量不一致
           .replace(/____/g, (s) => `(.*)`),         // 创建捕获组
  "m"                                                 // 多行匹配
))) => match && match .slice (1)

代码解释：

转义特殊字符： template.replace(/[/\-\\^$*+?.()|[\]{}]/g, '\\$&') 这部分代码用于转义模板字符串中的所有正则表达式特殊字符。这是必要的，因为模板字符串可能包含这些字符，而我们希望将它们视为普通字符。\\$& 会将匹配到的字符作为字面量插入到替换字符串中。
处理空格： replace(/ /g, '\\s*') 将模板中的空格替换为 \s*，这意味着正则表达式将匹配零个或多个空格字符。这允许用户在填空题中输入不同数量的空格，而不会影响匹配结果。
创建捕获组： replace(/____/g, (s) => \(.)`)这部分代码将模板字符串中的所有____替换为(.)。.*是一个正则表达式，它匹配零个或多个任意字符（除了换行符）。括号()` 创建了一个捕获组，这意味着正则表达式引擎将记住匹配到的内容，以便稍后提取。
执行匹配： response.match(new RegExp(...)) 使用构造的正则表达式对用户响应字符串执行匹配。new RegExp(...) 创建一个新的正则表达式对象。
提取捕获组： match && match.slice(1) 如果匹配成功（match 不为 null），则 match.slice(1) 返回一个数组，其中包含所有捕获组的内容。match[0] 包含完整的匹配字符串，而 match[1]、match[2] 等包含第一个、第二个等捕获组的内容。

使用示例：

Bandy AI

全球领先的电商设计Agent

下载

立即学习“Java免费学习笔记（深入）”；

console .log (fillBlanks ('____ World!', 'Hello World!')) //=> ["Hello"]
console .log (fillBlanks ('H____o ____World!', 'Hello World!')) //=> ["ell", ""]

const template = `____ = ____("Enter your name")
____(name)`

const answer = `name = input("Enter your name")
print(name)`

console .log (fillBlanks (template, answer)) //=> ["name", "input", "print"]

注意事项

精度问题： 如相关问题评论中所述，这种方法可能无法完全精确，因为用户输入的字符串可能与模板不完全匹配。
空格处理： 函数通过将空格替换为 \s* 来处理空格数量不一致的问题。但是，这可能会导致一些不期望的匹配。例如，如果模板是 "H____o ____ World!" 且用户输入是 "Hello World!" (多个空格)，则仍然会匹配，即使空格数量不完全匹配。
复杂模板： 对于更复杂的模板，可能需要更复杂的正则表达式来处理不同的情况。