144

我想使用正则表达式向值添加一个（变量）标签，该模式适用于 PHP，但我在将其实现到 JavaScript 中时遇到了麻烦。

模式是（value是变量）：

/(?!(?:[^<]+>|[^>]+<\/a>))\b(value)\b/is

我逃脱了反斜杠：

var str = $("#div").html();
var regex = "/(?!(?:[^<]+>|[^>]+<\\/a>))\\b(" + value + ")\\b/is";
$("#div").html(str.replace(regex, "<a href='#" + value +">" + value + "</a>"));

但这似乎不对，我记录了模式及其应该是什么。有任何想法吗？

4

8 回答 8

251

要从字符串创建正则表达式，您必须使用JavaScript 的RegExpobject。

如果您还想多次匹配/替换，则必须添加( global match) 标志。这是一个例子：g

var stringToGoIntoTheRegex = "abc";
var regex = new RegExp("#" + stringToGoIntoTheRegex + "#", "g");
// at this point, the line above is the same as: var regex = /#abc#/g;

var input = "Hello this is #abc# some #abc# stuff.";
var output = input.replace(regex, "!!");
alert(output); // Hello this is !! some !! stuff.

JSFiddle 演示在这里。


在一般情况下，在用作正则表达式之前转义字符串：

但是，并非每个字符串都是有效的正则表达式：有一些特殊字符，例如(or [。要解决此问题，只需在将字符串转换为正则表达式之前将其转义即可。下面的示例中有一个实用函数：

function escapeRegExp(stringToGoIntoTheRegex) {
    return stringToGoIntoTheRegex.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
}

var stringToGoIntoTheRegex = escapeRegExp("abc"); // this is the only change from above
var regex = new RegExp("#" + stringToGoIntoTheRegex + "#", "g");
// at this point, the line above is the same as: var regex = /#abc#/g;

var input = "Hello this is #abc# some #abc# stuff.";
var output = input.replace(regex, "!!");
alert(output); // Hello this is !! some !! stuff.

JSFiddle 演示在这里。


注意：问题中的正则表达式使用s修饰符，该修饰符在提出问题时不存在，但确实存在- JavaScript 中的s（dotall）标志/修饰符 - today。

于 2013-07-26T16:19:07.667 回答
18

如果您尝试在表达式中使用变量值，则必须使用 RegExp“构造函数”。

var regex="(?!(?:[^<]+>|[^>]+<\/a>))\b(" + value + ")\b";
new RegExp(regex, "is")
于 2013-07-26T15:58:02.607 回答
7

您不需要"定义正则表达式，只需：

var regex = /(?!(?:[^<]+>|[^>]+<\/a>))\b(value)\b/is; // this is valid syntax

如果value是一个变量并且你想要一个动态的正则表达式，那么你不能使用这个表示法；使用替代符号。

String.replace也接受字符串作为输入，所以你可以做"fox".replace("fox", "bear");

选择：

var regex = new RegExp("/(?!(?:[^<]+>|[^>]+<\/a>))\b(value)\b/", "is");
var regex = new RegExp("/(?!(?:[^<]+>|[^>]+<\/a>))\b(" + value + ")\b/", "is");
var regex = new RegExp("/(?!(?:[^<]+>|[^>]+<\/a>))\b(.*?)\b/", "is");

请记住，如果包含像,value这样的正则表达式字符，您将需要对它们进行转义。([?

于 2013-07-26T15:56:18.353 回答
6

我发现我必须双斜线 \b 才能让它工作。例如，要使用变量从字符串中删除“1x”字，我需要使用：

    str = "1x";
    var regex = new RegExp("\\b"+str+"\\b","g"); // same as inv.replace(/\b1x\b/g, "")
    inv=inv.replace(regex, "");
于 2019-10-09T11:21:01.120 回答
4

我发现这个线程很有用 - 所以我想我会为我自己的问题添加答案。

我想从javascript中的节点应用程序编辑数据库配置文件（datastax cassandra），并且对于文件中的一个设置，我需要匹配一个字符串，然后替换它后面的行。

这是我的解决方案。

dse_cassandra_yaml='/etc/dse/cassandra/cassandra.yaml'

// a) find the searchString and grab all text on the following line to it
// b) replace all next line text with a newString supplied to function
// note - leaves searchString text untouched
function replaceStringNextLine(file, searchString, newString) {
fs.readFile(file, 'utf-8', function(err, data){
if (err) throw err;
    // need to use double escape '\\' when putting regex in strings !
    var re = "\\s+(\\-\\s(.*)?)(?:\\s|$)";
    var myRegExp = new RegExp(searchString + re, "g");
    var match = myRegExp.exec(data);
    var replaceThis = match[1];
    var writeString = data.replace(replaceThis, newString);
    fs.writeFile(file, writeString, 'utf-8', function (err) {
    if (err) throw err;
        console.log(file + ' updated');
    });
});
}

searchString = "data_file_directories:"
newString = "- /mnt/cassandra/data"

replaceStringNextLine(dse_cassandra_yaml, searchString, newString );

运行后，它将现有的数据目录设置更改为新的：

之前的配置文件：

data_file_directories:  
   - /var/lib/cassandra/data

配置文件后：

data_file_directories:  
- /mnt/cassandra/data
于 2016-03-03T13:22:48.593 回答
3

更简单的方法：使用模板文字。

var variable = 'foo'
var expression = `.*${variable}.*`
var re = new RegExp(expression, 'g')
re.test('fdjklsffoodjkslfd') // true
re.test('fdjklsfdjkslfd') // false
于 2020-08-11T23:46:03.307 回答
1

使用字符串变量内容作为更复杂的组合正则表达式的一部分 (es6|ts)

my-domain.com此示例将使用to替换所有 url my-other-domain（两者都是变量）。

您可以通过在原始字符串模板中组合字符串值和其他正则表达式来执行动态正则表达式。使用String.raw将防止 javascript 转义字符串值中的任何字符。

// Strings with some data
const domainStr = 'my-domain.com'
const newDomain = 'my-other-domain.com'

// Make sure your string is regex friendly
// This will replace dots for '\'.
const regexUrl = /\./gm;    
const substr = `\\\.`;
const domain = domainStr.replace(regexUrl, substr);
// domain is a regex friendly string: 'my-domain\.com'
console.log('Regex expresion for domain', domain)

// HERE!!! You can 'assemble a complex regex using string pieces.
const re = new RegExp( String.raw `([\'|\"]https:\/\/)(${domain})(\S+[\'|\"])`, 'gm');

// now I'll use the regex expression groups to replace the domain
const domainSubst = `$1${newDomain}$3`;

// const page contains all the html text
const result = page.replace(re, domainSubst);

注意：不要忘记使用 regex101.com 创建、测试和导出 REGEX 代码。

于 2021-01-17T14:35:21.087 回答
-2 
var string = "Hi welcome to stack overflow"
var toSearch = "stack"

//case insensitive search

var result = string.search(new RegExp(toSearch, "i")) > 0 ? 'Matched' : 'notMatched'

https://jsfiddle.net/9f0mb6Lz/

希望这可以帮助

于 2019-04-12T08:23:44.370 回答