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

本篇文章给大家分享《## 如何使用 JavaScript 替换字符串中的子串并添加样式？ 》，覆盖了文章的常见基础知识，其实一个语言的全部知识点一篇文章是不可能说完的，但希望通过这些问题，让读者对自己的掌握程度有一定的认识(B 数)，从而弥补自己的不足，更好的掌握它。

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

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

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

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

在这个正则表达式中：

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

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

以上就是《## 如何使用 JavaScript 替换字符串中的子串并添加样式？ 》的详细内容，更多关于的资料请关注golang学习网公众号！