如何遍历字符串以进行正则表达式匹配，concat返回新的完整字符串

Question

我正在努力实现：

const finalStr = "team='Core', team='Mechanics'"
//loop through string, get single quotes, add <bold>'Core'</bold>
//I want to return the string: 
"team=<bold>'Core'</bold>, team=<bold>'Mechanics'</bold>"

我已经尝试过，但显然是错误的……无法理解：

const finalStr = this.state.finalString
const newFinal = finalStr.match(/'(.*?)'/g).map(item => {
    item = item.replace(item, '<b>' + item + '</b>')
      return item;
    });

Answer 1

您不需要回调或任何其他函数，只需使用 String.replace() 文档中描述的 replacement pattern 插入匹配的子字符串 ($&)。除非您打算对匹配项做其他事情，否则您也不需要捕获组的括号。

const finalStr = "team='Core', team='Mechanics'"

const newFinal = finalStr.replace(/'.*?'/g, '<bold>$&</bold>')
console.log(newFinal)

附带说明，HTML 中没有 <bold> 标签，因此如果您尝试创建有效的 HTML，您应该使用 <b>。

Answer 2

您可以使用相同的基本正则表达式/'.*?'/gi，并将自定义“替换器”回调传递给string#replace 方法来解决此问题：

const input = "team='Core', team='Mechanics'"

const output = input.replace(/'.*?'/gi, function(matchStr) {

  // Wrap each match in the resulting string with <bold /> tags 
  return '<bold>' + matchStr + '</bold>';
});

console.log(output);