如何使用正则表达式和 replace 方法高亮字符串中的特定字符？

使用正则表达式和 replace 方法高亮字符串中的特定字符

您需要根据后端返回的字符串中出现的特定字符（如年月日时分秒、数字和“今日”）为它们添加特殊的样式，使其变得醒目。

实现这一目标，可以通过以下步骤：

1. 使用正则表达式匹配要替换的字符，例如：

.*日|今天|d{1,}-d{1,}

• 该正则表达式匹配任何以“.日”结尾的字符串、包含“今日”的字符串以及包含 1 至多位数字连接符 1 至多位数字的字符串。

2. 使用 replace 方法，以正则表达式作为第二个参数，并将找到的匹配项替换为带有样式的 HTML 标记。例如：

"<span style="color:#f00;">" +`${str}`+ '</span>'

• 在这里，我们使用 HTML <span> 标记将匹配项用红色加亮，您可以根据需要调整样式。

3. 将后端返回的字符串作为第一个参数传递给 replace 方法，这样您就可以为符合条件的字符添加样式。

通过使用 replace 方法和正则表达式的组合，您可以轻松地高亮字符串中的特定字符，使它们更显眼。