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

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

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

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

您可以将函数传递给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.apply（）替换为Function.prototype.call（）（该函数接受任意数量的参数，没有一个参数有类型限制）。现在我们已经到了工作代码！

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种解决方案与这些字节节省措施的结合，才使我们在本文顶部获得代码。

旧帖子，但值得将@ChaosPandion答案扩展到RegEx受更多限制的其他用例。例如，确保(f)捕获组周围有特定格式/z(f)oo/：

> 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.

我只想强调两个参数，即function找到特定格式和替换格式中的捕获组成为可能。

我们为什么不只是查找定义？

如果我们写：

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()

解

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

要替换所有出现的问题，请使用/(f)/gregexp。代码中的问题：String.prototype.toUpperCase.apply("$1")并"$1".toUpperCase()给出"$1"（自己尝试在控制台中尝试）-因此它不会更改任何内容，实际上您调用了两次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属性，值和使用的字典（在这种情况下，对象为a ），.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);

使用JavaScript普通对象并定义函数以获取对象的返回匹配属性值，如果找不到匹配项，则返回原始字符串

const regex = /([A-z0-9]+)/;
const dictionary = {
  "hello": 123,
  [Symbol("dictionary")](prop) {
    return this[prop] || prop
  }
};
let str = "hello";
str = str.replace(regex, dictionary[Object.getOwnPropertySymbols(dictionary)[0]].bind(dictionary));

console.log(str);