主页 / 问题 / 1447934
Accepted
Zhihar
Asked:2022-09-12 22:05:12 +0000 UTC2022-09-12 22:05:12 +0000 UTC

javascript：从列表中替换字符串中的单词

  • 772

有一个字符串text和一个关键字数组this.state.keywords

需要将XXX行中的关键字替换为表格的表达式<span class = 'c0*'>XXX</span>

其中*是一个从 1 到 4 的值（本质上是字典中关键字的编号模 4）

写了这段代码：

highlightText = (text: string) => {
    let output: string = text;
    let index: number = 0;
    for (const keyword of this.state.keywords) {
        output = output.replace(new RegExp(keyword, 'ig'), `<span class='c0${index % 4 + 1}'>${keyword}</span>`, );
        index += 1;
    }

    return output;
}

对我来说，这是笨拙和多余的。

告诉我如何让它更优雅，有条件的它可以在几行内折叠

javascript

0 个回答

  1. Best Answer

    简而言之，这是可能的。

    const highlightText = (text) => {
    this.state.keywords.forEach((keyword, i) => {
        text = text.replace(new RegExp(keyword, "gi"), `<span class='c0${i % 4 + 1}'>${keyword}</span>`)
    })
    return text;
}

    更容易阅读 - 像这样：

    const highlightText = (text) => {
    const keywords = this.state.keywords;

    keywords.forEach((keyword, i) => {
        const template =  `<span class='c0${i % 4 + 1}'>${keyword}</span>`
        const re = new RegExp(keyword, "gi");

        text = text.replace(re, template)
    })
    return text
}
    • 1

相关问题