## 如何使用 JavaScript 替换字符串中的子串并添加样式？

在符合条件的字符串中添加样式

需要根据后端返回的天气预报字符串，将其中满足条件的子串加上指定的样式，使其更加醒目。

为了实现这一需求，我们可以使用 JavaScript 中的 replace 方法配合正则表达式进行替换。正则表达式的编写需要根据后端返回的字符串格式。以下是一个示例：

"2022年5月5日10点30分，今天北京天气清朗，温度15-25°C。".replace(/.*日|今天|\d{1,}-\d{1,}/g, (str) =&gt; '<span style="color:#f00;">' +`${str}`+ '</span>')

登录后复制

在这个正则表达式中：

• .*日 匹配以 "日" 结尾的字符串
• 今天 匹配 "今天"
• \d{1,}-\d{1,} 匹配一到两个数字连接一到两个数字，表示年月日或时分

replace 方法的第二个参数是一个回调函数，它接收匹配到的子串并返回一个替换后的子串。在这个例子中，回调函数用 '' 和 '' 将匹配到的子串包裹起来，以添加红色样式。

立即学习“Java免费学习笔记（深入）”；

以上就是## 如何使用 JavaScript 替换字符串中的子串并添加样式？的详细内容，更多请关注抖狐科技其它相关文章！