将正则表达式捕获组替换为Javascript中的大写字母

| 我想知道如何用JavaScript中的大写字母替换捕获组。这是到目前为止我无法正常工作的简化版本：

> a=\"foobar\"
\'foobar\'
> a.replace( /(f)/, \"$1\".toUpperCase() )
\'foobar\'
> a.replace( /(f)/, String.prototype.toUpperCase.apply(\"$1\") )
\'foobar\'

您能解释一下这段代码有什么问题吗？

已邀请:

6 个回复

姬第柔炒

您可以将函数传递给replace。

var r = a.replace(/(f)/, function(v) { return v.toUpperCase(); });

说明

a.replace( /(f)/, \"$1\".toUpperCase())

在此示例中，您将字符串传递给replace函数。由于您使用的是特殊的替换语法（$ N捕获第N个捕获），因此您只是赋予了相同的值。 toUpperCase实际上是在欺骗，因为您只是将替换字符串设为大写（这有点无意义，因为$和一个1字符没有大写，因此返回值仍为\"$1\"）。

a.replace( /(f)/, String.prototype.toUpperCase.apply(\"$1\"))

信不信由你，这个表达的语义是完全一样的。

盛虱

我知道我参加晚会很晚，但这是一种较短的方法，与您的初次尝试更类似。

a.replace(\'f\', String.call.bind(a.toUpperCase));

那么，您在哪里出错了？这是什么新的伏都教？问题1 如前所述，您试图将被调用方法的结果作为String.prototype.replace（）的第二个参数传递，而应该将引用传递给函数解决方案1 这很容易解决。只需删除参数和括号即可为我们提供参考，而不是执行函数。

a.replace(\'f\', String.prototype.toUpperCase.apply)

问题2 如果现在尝试运行代码，将会收到一条错误消息，指出未定义不是函数，因此无法调用。这是因为String.prototype.toUpperCase.apply实际上是通过JavaScript的原型继承对Function.prototype.apply（）的引用。所以我们实际上正在做的事情看起来像这样

a.replace(\'f\', Function.prototype.apply)

这显然不是我们想要的。如何知道在String.prototype.toUpperCase（）上运行Function.prototype.apply（）？解决方案2 使用Function.prototype.bind（），我们可以创建一个Function.prototype.call副本，其上下文专门设置为String.prototype.toUpperCase。现在我们有以下内容

a.replace(\'f\', Function.prototype.apply.bind(String.prototype.toUpperCase))

问题3 最后一个问题是String.prototype.replace（）将几个参数传递给其替换函数。但是，Function.prototype.apply（）期望第二个参数为数组，但获取字符串或数字（取决于您是否使用捕获组）。这将导致无效的参数列表错误。解决方案3 幸运的是，我们可以简单地用Function.prototype.call（）（可以接受任何数量的参数，而没有一个参数有类型限制）代替Function.prototype.apply（）。现在我们已经到了工作代码！

a.replace(/f/, Function.prototype.call.bind(String.prototype.toUpperCase))

减少字节！没人愿意多次键入原型。相反，我们将利用这样的事实：我们具有通过继承引用相同方法的对象。作为函数的String构造函数继承自Function的原型。这意味着我们可以用String.call代替Function.prototype.call（实际上，我们可以使用Date.call来保存更多的字节，但是语义更少）。我们还可以利用变量'a'，因为它的原型包含对String.prototype.toUpperCase的引用，我们可以将其与a.toUpperCase交换出去。正是以上3种解决方案与这些字节节省措施的结合，才使我们在本文顶部获得代码。

抢垢洛韧

旧帖子，但值得为其他使用例使用受限的RegEx扩展@ChaosPandion答案。例如。确保(f)或捕获组以特定格式ѭ15capturing环绕：

> a=\"foobazfoobar\"
\'foobazfoobar\'
> a.replace(/z(f)oo/, function($0,$1) {return $0.replace($1, $1.toUpperCase());})
\'foobazFoobar\'
// Improve the RegEx so `(f)` will only get replaced when it begins with a dot or new line, etc.

我只想强调ѭ17的两个参数，以便查找特定格式并在该格式内替换捕获组。

苏髓骗撩

解

a.replace(/(f)/,x=>x.toUpperCase())

要替换所有出现的grup事件，请使用/(f)/gregexp。您的代码中的问题：String.prototype.toUpperCase.apply(\"$1\")和\"$1\".toUpperCase()给出ѭ7by（您自己在控制台中尝试）-因此它什么也没改变，实际上您两次调用了a.replace( /(f)/, \"$1\")（也没改变）。

let a= \"foobar\";
let b= a.replace(/(f)/,x=>x.toUpperCase());
let c= a.replace(/(o)/g,x=>x.toUpperCase());

console.log(\"/(f)/ \", b);
console.log(\"/(o)/g\", c);

凄挡

给定属性，值的字典（在这种情况下，对象为Map），并使用.bind()（如答案中所述）

const regex = /([A-z0-9]+)/;
const dictionary = new Map([[\"hello\", 123]]); 
let str = \"hello\";
str = str.replace(regex, dictionary.get.bind(dictionary));

console.log(str);

旦彤

为什么我们不只是查找定义？如果我们写：

a.replace(/(f)/, x => x.toUpperCase())

我们不妨说：

a.replace(\'f\',\'F\')

更糟糕的是，我怀疑没有人意识到他们的例子之所以有用，仅仅是因为他们用括号捕获了整个正则表达式。如果看一下定义，传递给replacer函数的第一个参数实际上是整个匹配的模式，而不是用括号捕获的模式：

function replacer(match, p1, p2, p3, offset, string)

如果要使用箭头功能符号：

a.replace(/xxx(yyy)zzz/, (match, p1) => p1.toUpperCase()

要回复问题请先登录或注册

将正则表达式捕获组替换为Javascript中的大写字母

6 个回复

发起人

replace

javascript

uppercase

regex

问题状态

将正则表达式捕获组替换为Javascript中的大写字母

与内容相关的链接

6 个回复

发起人

replace

javascript

uppercase

regex

问题状态