替换除了大括号内的单词

Question

我有一个这样的降价字符串 Status of app [TODO app](url.com/apps/list?appid=q1w2e3) has been changed to completed.
我想用<mark></mark> 包装搜索到的单词（见下面的函数），但跳过链接(url.com/apps/list?appid=q1w2e3) 所以我会有TODO <mark>app</mark> 但不是url.com/<mark>app</mark>s/list?<mark>app</mark>id=q1w2e3

我怎样才能做到这一点？

我用来添加marks的代码：

const garbage = /[|\\{}()[\]^$+*?.]/g;

const highlightMarkdown = (originalString = '', highlight = '') => {
  highlight = highlight.trim();
  if (!highlight) return originalString;

  const wordsToFind = highlight.replace(garbage, '').split(' ');

  const result = wordsToFind.reduce((result, word) => {
    const re = new RegExp(`(${word})`, 'gi');

    return result.replace(re, (word) => `<mark>${word}</mark>`);
  }, originalString);

  return result;
};

const result = highlightMarkdown(
  `Status of app [TODO app](url.com/apps/list?appid=q1w2e3) has been changed to completed.`,
  'app'
);

console.log(result);

UPD 我正在尝试mark不仅app而且<mark>app</mark>s，因为这个功能是供用户搜索

Answer 1

确保单词前面/后面没有字母数字，也没有某些特定字符（如/、&、= 和-）可能就足够了。

此外，您可以使用 one 正则表达式执行此操作，并且不需要回调作为 replace 调用的参数。您可以使用反向引用$&：

const garbage = /[|\\{}()[\]^$+*?.]/g;

const highlightMarkdown = (originalString = '', highlight = '') => {
  highlight = highlight.trim().replace(garbage, '');
  if (!highlight) return originalString;

  const wordsToFind = highlight.replace(/ /g, '|');
  const re = new RegExp(`(?<![/=&-])\\b(${wordsToFind})\\b(?![/=&-])`, 'gi');
  return originalString.replace(re, '<mark>$&</mark>');
};

const result = highlightMarkdown(
  `Status of app [TODO app](url.com/apps/list?appid=q1w2e3) has been changed to completed.`,
  'app'
);

console.log(result);

Answer 2

您可以删除标志g，但它只会更改第一个匹配的app，而不是括号内的那个[TODO app]， 这样做所以你可以定义一个变量 times 并定义你希望单词 app 被替换多少次！

const garbage = /[|\\{}()[\]^$+*?.]/g;

const highlightMarkdown = (originalString = '', highlight = '') => {
  highlight = highlight.trim();
  if (!highlight) return originalString;

  const wordsToFind = highlight.replace(garbage, '').split(' ');
  let times = 0; // Define here
  const result = wordsToFind.reduce((result, word) => {
    const re = new RegExp(`(${word})`, 'gi');

    return result.replace(re, (word) => {
        if(times<2){
            times++; // increment here
            return `<mark>${word}</mark>`;
        }
        return word;
        
    });
  }, originalString);

  return result;
};

const result = highlightMarkdown(
  `Status of app [TODO app](url.com/apps/list?appid=q1w2e3) has been changed to completed.`,
  'app'
);

console.log(result);

Answer 3

更好的解决方案使用字边界\b

const re = new RegExp(`\\b(${word})\\b`, 'gi');