从模板字符串和填充字符串中提取填空内容-js教程-PHP中文网

从模板字符串和填充字符串中提取填空内容

DDD

发布： 2025-09-14 20:33:01

原创

199人浏览过

从模板字符串和填充字符串中提取填空内容

本文旨在解决从模板字符串和填充字符串中提取填空内容的问题。例如，给定模板字符串 ____ world 和用户输入的字符串 Hello world，我们需要提取用户在填空中输入的 Hello。该问题在需要逆向工程用户答案的场景中非常有用，例如，在编程练习中，我们需要根据用户提交的代码片段来提取他们填写的关键变量或函数。

为了实现这一目标，我们可以使用正则表达式和捕获组。以下是一个名为 fillBlanks 的 JavaScript 函数，它接受模板字符串和填充字符串作为输入，并返回一个包含所有提取的填空内容的数组。

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

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"]

登录后复制

代码解释:

转义特殊字符: template .replace(/[/-\^$*+?.()|[]{}]/g, '\$&') 这行代码使用正则表达式转义模板字符串中的所有特殊字符。这是为了确保模板字符串中的特殊字符不会被错误地解释为正则表达式的元字符。例如，如果模板字符串包含 .，我们需要将其转义为 .，否则它将被解释为匹配任何字符。
压缩空格: replace(/ /g, '\s*') 这行代码将模板字符串中的所有空格替换为 s*。s 是正则表达式中的一个特殊字符，它匹配任何空白字符（例如空格、制表符、换行符）。* 表示匹配零个或多个前面的字符。因此，s* 匹配零个或多个空白字符。这允许模板字符串和填充字符串中的空格数量不同，但仍然可以匹配。例如，模板字符串 H____o ____ World! 可以与填充字符串 Hello World! 匹配，即使模板字符串中有多个空格，而填充字符串只有一个空格。
添加捕获组: replace(/____/g, (s) => (.)`)这行代码将模板字符串中的所有____替换为(.)。(.)是正则表达式中的一个捕获组。.匹配任何字符，表示匹配零个或多个前面的字符。因此，(.*)` 匹配零个或多个任何字符。括号将匹配的字符捕获到一个组中，我们可以稍后使用这些组。
多行匹配: "m" 正则表达式的 m 标志表示多行匹配。这允许正则表达式跨越多行匹配。这对于包含换行符的模板字符串和填充字符串非常有用。
提取捕获组: match && match .slice (1) 这行代码检查 match 是否为真（即正则表达式是否匹配），如果是，则提取所有捕获组。match 是一个数组，其中第一个元素是整个匹配的字符串，后续元素是捕获组。slice(1) 方法返回一个包含从索引 1 开始的所有元素的数组，因此它返回一个包含所有捕获组的数组。

注意事项:

天工AI

昆仑万维推出的国内首款融入大语言模型的AI对话问答、AI搜索引擎，知识从这里开始。

247

查看详情

空格处理: 代码中对空格进行了压缩，允许模板和填充字符串在空格数量上存在差异。但是，这可能会导致一些不希望的匹配。例如，如果模板字符串是 "H____o ____ World!" 并且填充字符串是 "Hello World!"，则即使模板字符串中有多个空格，而填充字符串只有一个空格，它们仍然会匹配。
精度问题: 正如相关问题中的评论所指出的，这种方法不能保证完全精确。由于正则表达式的灵活性，可能会出现一些不希望的匹配。
安全性: 如果模板字符串或填充字符串来自用户输入，则需要小心处理，以防止正则表达式注入攻击。

总结:

本文介绍了一种使用 JavaScript 从模板字符串和填充字符串中提取填空内容的方法。该方法使用正则表达式匹配和捕获组，能够识别由特定占位符表示的填空，并提取用户在这些填空中输入的值。该方法能够处理空格、空字符串和嵌入单词内部的填空等多种情况。但是，需要注意空格处理和精度问题，并采取适当的安全措施。

以上就是从模板字符串和填充字符串中提取填空内容的详细内容，更多请关注php中文网其它相关文章！