我想在JavaScript中创建String.replaceAll（）方法，我认为使用正则表达式是最简洁的方法。然而，我无法确定如何将变量传递给正则表达式。我已经可以这样做了，这将用“A”替换“B”的所有实例。
"ABABAB".replace(/B/g, "A");
但我想这样做：
String.prototype.replaceAll = function(replaceThis, withThis) {
this.replace(/replaceThis/g, withThis);
};
但显然，这只会替换文本“replaceThis”。。。那么如何将此变量传递到正则表达式字符串中？
当前回答
this.replace( new RegExp( replaceThis, 'g' ), withThis );
其他回答
您需要动态构建正则表达式，为此必须使用带有转义的新RegExp（字符串）构造函数。
jQuery UI自动完成小部件中有一个内置函数，名为$.UI.autocomplete.escapeRegex：
它将使用单个字符串参数并转义所有正则表达式字符，使结果安全地传递给新的RegExp（）。
如果不使用jQuery UI，则可以从源复制其定义：
function escapeRegex( value ) {
return value.replace( /[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&" );
}
然后这样使用：
"[z-a][z-a][z-a]".replace(new RegExp(escapeRegex("[z-a]"), "g"), "[a-z]");
// escapeRegex("[z-a]") -> "\[z\-a\]"
// new RegExp(escapeRegex("[z-a]"), "g") -> /\[z\-a\]/g
// end result -> "[a-z][a-z][a-z]"
作为一个相对的JavaScript新手，公认的答案https://stackoverflow.com/a/494046/1904943值得注意/赞赏，但这不是很直观。
这里有一个更简单的解释，例如（使用一个简单的JavaScript IDE）。
myString = 'apple pie, banana loaf';
console.log(myString.replaceAll(/pie/gi, 'PIE'))
// apple PIE, banana loaf
console.log(myString.replaceAll(/\bpie\b/gi, 'PIE'))
// apple PIE, banana loaf
console.log(myString.replaceAll(/pi/gi, 'PIE'))
// apple PIEe, banana loaf
console.log(myString.replaceAll(/\bpi\b/gi, 'PIE'))
// [NO EFFECT] apple pie, banana loaf
const match_word = 'pie';
console.log(myString.replaceAll(/match_word/gi, '**PIE**'))
// [NO EFFECT] apple pie, banana loaf
console.log(myString.replaceAll(/\b`${bmatch_word}`\b/gi, '**PIE**'))
// [NO EFFECT] apple pie, banana loaf
// ----------------------------------------
// ... new RegExp(): be sure to \-escape your backslashes: \b >> \\b ...
const match_term = 'pie';
const match_re = new RegExp(`(\\b${match_term}\\b)`, 'gi')
console.log(myString.replaceAll(match_re, 'PiE'))
// apple PiE, banana loaf
console.log(myString.replace(match_re, '**PIE**'))
// apple **PIE**, banana loaf
console.log(myString.replaceAll(match_re, '**PIE**'))
// apple **PIE**, banana loaf
应用
例如：替换字符串/句子中的单词（颜色突出显示），如果搜索词与匹配单词的用户定义比例相匹配，则[可选]。
注：匹配术语的原始字符大小写保留。hl：高光；re:regex |正则表达式
mySentence = "Apple, boOk? BOoks; booKEd. BookMark, 'BookmarkeD', bOOkmarks! bookmakinG, Banana; bE, BeEn, beFore."
function replacer(mySentence, hl_term, hl_re) {
console.log('mySentence [raw]:', mySentence)
console.log('hl_term:', hl_term, '| hl_term.length:', hl_term.length)
cutoff = hl_term.length;
console.log('cutoff:', cutoff)
// `.match()` conveniently collects multiple matched items
// (including partial matches) into an [array]
const hl_terms = mySentence.toLowerCase().match(hl_re, hl_term);
if (hl_terms == null) {
console.log('No matches to hl_term "' + hl_term + '"; echoing input string then exiting ...')
return mySentence;
}
console.log('hl_terms:', hl_terms)
for (let i = 0; i < hl_terms.length; i++) {
console.log('----------------------------------------')
console.log('[' + i + ']:', hl_terms[i], '| length:', hl_terms[i].length, '| parseInt(0.7(length)):', parseInt(0.7*hl_terms[i].length))
// TEST: if (hl_terms[i].length >= cutoff*10) {
if (cutoff >= parseInt(0.7 * hl_terms[i].length)) {
var match_term = hl_terms[i].toString();
console.log('matched term:', match_term, '[cutoff length:', cutoff, '| 0.7(matched term length):', parseInt(0.7 * hl_terms[i].length))
const match_re = new RegExp(`(\\b${match_term}\\b)`, 'gi')
mySentence = mySentence.replaceAll(match_re, '<font style="background:#ffe74e">$1</font>');
}
else {
var match_term = hl_terms[i].toString();
console.log('NO match:', match_term, '[cutoff length:', cutoff, '| 0.7(matched term length):', parseInt(0.7 * hl_terms[i].length))
}
}
return mySentence;
}
// TESTS:
// const hl_term = 'be';
// const hl_term = 'bee';
// const hl_term = 'before';
// const hl_term = 'book';
const hl_term = 'bookma';
// const hl_term = 'Leibniz';
// This regex matches from start of word:
const hl_re = new RegExp(`(\\b${hl_term}[A-z]*)\\b`, 'gi')
mySentence = replacer(mySentence, hl_term, hl_re);
console.log('mySentence [processed]:', mySentence)
输出
mySentence [raw]: Apple, boOk? BOoks; booKEd. BookMark, 'BookmarkeD',
bOOkmarks! bookmakinG, Banana; bE, BeEn, beFore.
hl_term: bookma | hl_term.length: 6
cutoff: 6
hl_terms: Array(4) [ "bookmark", "bookmarked", "bookmarks", "bookmaking" ]
----------------------------------------
[0]: bookmark | length: 8 | parseInt(0.7(length)): 5
matched term: bookmark [cutoff length: 6 | 0.7(matched term length): 5
----------------------------------------
[1]: bookmarked | length: 10 | parseInt(0.7(length)): 7
NO match: bookmarked [cutoff length: 6 | 0.7(matched term length): 7
----------------------------------------
[2]: bookmarks | length: 9 | parseInt(0.7(length)): 6
matched term: bookmarks [cutoff length: 6 | 0.7(matched term length): 6
----------------------------------------
[3]: bookmaking | length: 10 | parseInt(0.7(length)): 7
NO match: bookmaking [cutoff length: 6 | 0.7(matched term length): 7
mySentence [processed]: Apple, boOk? BOoks; booKEd.
<font style="background:#ffe74e">BookMark</font>, 'BookmarkeD',
<font style="background:#ffe74e">bOOkmarks</font>! bookmakinG,
Banana; bE, BeEn, beFore.
虽然您可以创建动态创建的RegExp（根据对这个问题的其他回答），但我会在类似的帖子中重复我的评论：String.replace（）的函数形式非常有用，在许多情况下减少了对动态创建RegExp对象的需要。（这是一种痛苦，因为您必须将RegExp构造函数的输入表示为字符串，而不是使用斜杠/[a-Z]+/RegExp文本格式）
正如埃里克·温德林提到的，你可以这样做：
str1 = "pattern"
var re = new RegExp(str1, "g");
"pattern matching .".replace(re, "regex");
这会产生“正则表达式匹配”。然而，如果str1为“.”，则会失败。您可能希望结果是“模式匹配正则表达式”，将句点替换为“正则表达式”。但结果是。。。
regexregexregexregexregexregexregexregexregexregexregexregexregexregexregexregexregexregex
这是因为，尽管“.”是一个字符串，但在RegExp构造函数中，它仍然被解释为正则表达式，表示任何非换行字符，表示字符串中的每个字符。为此，以下功能可能有用：
RegExp.quote = function(str) {
return str.replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
};
然后您可以执行以下操作：
str1 = "."
var re = new RegExp(RegExp.quote(str1), "g");
"pattern matching .".replace(re, "regex");
产生“模式匹配正则表达式”。
这些答案我都不清楚
简单的答案是：
var search_term = new RegExp(search_term, "g");
text = text.replace(search_term, replace_term);
例如：
$（“button”）.click（函数）{查找和替换（“Lorem”、“Chocolate”）；查找和替换（“ipsum”，“冰淇淋”）；});函数Find_andreplace（搜索_时间段，替换_时间段）{text=$（“textbox”）.html（）；var search_term=新RegExp（search_term，“g”）；text=text.replace（搜索时间，替换时间）；$（“textbox”）.html（文本）；}<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><文本框>Lorem ipsum</textbox><button>单击我</button>
