如何从文本中删除已知部分并在JS中获取任意字符串？

Question

我有这样的文本格式：

您最喜欢的颜色是什么？

这里可以用用户想要的任何东西代替颜色。例如食物，果汁，电影，书籍等。 现在，我想从这些中删除您喜欢的和零件，只希望用户输入的零件。

我知道我可以两次进行切片。还有其他优雅的解决方案吗？喜欢正则吗？

编辑：我实际上是在制造一个机器人，所以我不能使用模板文字。我需要文本，而无视已知部分。

谢谢。

Answer 1

您可以使用模板字面语法``做到这一点。

例子：

var color = document.getElementById（'用户输入'）; //只是为了
想法

您最喜欢的$ {color}是什么？

，它会动态地附加字符串中的用户输入。

Answer 2

尝试此：

let defaultVal = 'color';
let str = `what is your favorite ${defaultVal} from these?`;

function getUpdatedVal() {
    const val = document.getElementById('val').value;
  if (val) {
    str = str.replace(defaultVal, val)
  }
  document.getElementById('result').innerText = str;
  defaultVal = val;
}

<input type="text" id="val" onchange="getUpdatedVal()"/>

<p id="result"></p>

Answer 3

捕获组是正则表达式中的核心机制之一。它使您可以在匹配后获取源文本的特定部分。要解决问题，您可以使用以下模式：

what is your favorite (\w+) from these\?

regex demo

匹配成功之后，将进入第一个捕获小组。