如何在 JavaScript 中克隆给定的正则表达式?

front end technologyjavascriptweb development

JavaScript 的正则表达式支持被广泛认为是世界上最好的,但有一个方面它有所欠缺:没有内置的方法来克隆正则表达式。当您需要创建一个与现有正则表达式相似但有一些小变化的新正则表达式时,这可能是一个问题。

问题是正则表达式是对象,因此,它们不能通过简单地将一个分配给另一个来复制。考虑以下代码 -

var regex1 = /foo/;
var regex2 = regex1;
regex2 === regex1; // true

在此代码中,我们创建了两个相同的正则表达式。但是如果我们想对其中一个进行小改动怎么办?

regex2 = /bar/;
regex1 === regex2; // false

现在这两个正则表达式是不同的,即使它们最初是彼此的副本。这是因为正则表达式是可变的:它们可以在创建后更改。

使用正则表达式文字进行克隆

克隆正则表达式的一种方法是创建一个与现有正则表达式文字相似的新正则表达式文字。例如,如果我们有一个这样的正则表达式 -

var regex1 = /foo/;

我们可以使用正则表达式文字创建一个与其相同的新正则表达式 -

var regex2 = /foo/;
regex1 === regex2; // true

此方法简单明了,但仅当正则表达式是文字时才有效(即它不是使用新的 RegExp() 构造函数创建的)。

使用 RegExp() 构造函数克隆正则表达式

克隆正则表达式的另一种方法是使用 RegExp() 构造函数。这允许我们创建一个基于现有正则表达式但进行一些更改的新正则表达式。例如,如果我们有一个这样的正则表达式 −

var regex1 = /foo/;

我们可以使用 RegExp() 构造函数创建一个与其相同的新正则表达式 −

var regex2 = new RegExp(regex1);
regex1 === regex2; // true

此方法比前一种方法稍微复杂一些,但它的优点是能够克隆非文​​字的正则表达式。

我们为什么要克隆正则表达式?

克隆正则表达式有几个好处。首先,如果您需要创建大量类似的正则表达式,它可以节省您的时间。其次,如果您需要对现有正则表达式进行小幅更改,它可以帮助您避免错误。最后,通过为正则表达式提供描述性名称,它可以使您的代码更具可读性。

克隆正则表达式的缺点

克隆正则表达式的一个缺点是它会使您的代码更复杂。例如,如果您有这样的正则表达式 -

var regex1 = /foo/;

并且您想要创建一个与之类似的新正则表达式,但设置了不区分大小写的标志,则需要执行此操作 −

var regex2 = new RegExp(regex1, 'i');

这比简单地创建一个设置了不区分大小写的标志的新正则表达式更复杂 −

var regex2 = /foo/i;

总之,克隆正则表达式可能是一种有用的工具,但它有一些权衡。它可以使您的代码更复杂,但也可以节省您的时间并帮助您避免错误。


相关文章