Javascript - 通过正则表达式派生键调用哈希值

Question

我有如下代码:

  var str =
  `<doc>
        <a href="#h-1">
        <a href="#h-2">
        <a href="#h-3">
  </doc>
  <doc>
        <a href="#h-9">
  </doc>`

  var veg_anchor_map = new Object();
  veg_anchor_map['h-1'] = 'cabbage';
  veg_anchor_map['h-2'] = 'potato';
  veg_anchor_map['h-3'] = 'carrot';


  var href_regex = /<a href="#(.*?)"/g;
  str = str.replace(href_regex, veg_anchor_map['$1']);
  console.log(str);

我正在尝试将 str 变量中的所有 href 链接替换为以下语法:

  //example:
  <doc>
        cabbage>;
        potato>;
        carrot>;
   </doc>

但是每次我尝试在我的正则表达式语句中调用分组时，它都会声明它是未定义的，有人可以帮我解决这个问题吗？谢谢。

Answer 1

使用带有回调函数的 String.replace() 函数作为第二个参数:

...
var href_regex = /<a href="#(.*?)"/g;
str = str.replace(href_regex, function ($m0, $m1) {
    return veg_anchor_map[$m1] || $m0;
});
console.log(str); // <doc>cabbage>potato>carrot></doc><doc><a href="#h-9"></doc>

• veg_anchor_map[$m1] || $m0 将从 veg_anchor_map 对象返回替换值，否则(如果未找到)- 返回当前匹配字符串