字符串提取百分比数字标颜色

"本文讨论了在处理字符串时遇到的百分比数字颜色标注问题,特别是后台数据中可能出现全角或半角百分号导致的匹配不完全问题。通过修改正则表达式`d+(.*d+)?(%|%)/g`来解决这个问题,确保所有百分比数字都能被正确地包裹在带有颜色样式的`<span>`标签中。这对于前端展示和数据处理的准确性至关重要。"

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如何给字符串中的百分比数字标上自己想要的颜色

let str = '10%概率会下雪,50%下雨。多云5%'
function changeKeyColor(str){
   str=str.replace(/\d+(\.*\d+)?%/g,(numStr)=>{
      return '<span style="color:pink">'+numStr+'</span>'
   })
   return str
 } 
 changeKeyColor(str)

好over结束,看似很完美,其实并没有结束==
用正则匹配百分比也会遇到坑。。。匹配后,有的百分数没有颜色
在这里插入图片描述

后来发现后台传给的数据有的 %-百分号可能会是全角的,%、%,傻傻分不清==,所以需要这样写/\d+(\.*\d+)?(%|%)/g才能解决问题,没有多种百分号情况上面就可以直接用了
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值