根据特定条件美化字符串
问题：
后端返回一个天气预报字符串，如何根据其中的年、月、日、时、分、秒、数字和“今天”等字符，添加特定的 CSS 样式，使其变得醒目？
解决方案：
使用 replace 函数结合正则表达式对字符串进行替换，从而为符合特定条件的字符添加样式。
立即学习“前端免费学习笔记（深入）”；
代码示例：
const weatherForecast = "2022年5月5日10点30分，今天北京天气清朗，温度15-25°C。";
const styledForecast = weatherForecast.replace(
/.*日|今天|\d{1,}-\d{1,}/g,
(str) => `<span style="color:#f00;">${str}</span>`
);说明：
正则表达式 /.*日|今天|\d{1,}-\d{1,}/g 匹配符合条件的字符，其中：
以上就是天气预报字符串美化：如何将年、月、日、时、分、秒、温度等信息添加 CSS 样式？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1019
收藏
