JavaScript ReplaceAll 使用变量而不是字符串进行不区分大小写的搜索

我想做一个 JavaScriptreplaceAll()在不区分大小写的搜索中使用变量（而不是字符串），但也保留匹配文本的大小写（在返回中）。例如，

console.log('doc.p:', doc.p.toString().substring(0, 26))
var query = this.manager.store.get('q').value.toString();
console.log('query:', query, '| type:', typeof(query))
console.log(doc.p.toString().replaceAll(/(dna)/gi, '***$1***'))
console.log(doc.p.toString().replaceAll(/(query)/gi, '***$1***'))

正在给予

doc.p: DNA deoxyribonucleic acid     // target text
query: dna | type: string            // query text
***DNA*** deoxyribonucleic acid ...  // [success] case-insensitive search; case-sensitive return
DNA deoxyribonucleic acid ...        // [failure] I've also tried (e.g.) $query, $(query), ... here

我的动力来自于https://stackoverflow.com/a/19161971/1904943 https://stackoverflow.com/a/19161971/1904943，并且也尝试过https://stackoverflow.com/a/494046/1904943 https://stackoverflow.com/a/494046/1904943

工作完成后，我将用 HTML 代码替换“***”（仅用于测试/说明）。

您需要使用创建正则表达式RegExp -

var reg = new RegExp(`(${query})`, "gi")

var doc = "DNA deoxyribonucleic acid";
var query = "dna"
var exp = `(${query})`
var reg = new RegExp(exp, "gi")
var result = doc.replaceAll(reg, "***$1***");
console.log(result);