V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
This topic created in 2085 days ago, the information mentioned may be changed or developed.
如题，想给代码做个高亮，现在有这么个需求
比如现在有 html 字符串如下:
2020-01-01 20:20:20 [INFO] log test 1
2020-02-02 10:10:10 [INFO] log test 2
我想讲这个字符串修改为这样
<span style="color:green">2020-01-01 20:20:20</span> [INFO] log test 1
<span style="color:green">2020-02-02 10:10:10</span> [INFO] log test 2
即用正则表达式匹配到时间，然后再将匹配到的字符串两边加上<span></span>，
正则的部分很简单可以匹配到，但是替换怎么搞呢？
有没有 js 大佬讲解一下这个需求能不能通过string.replace(/regexp/g , 'target')这种命令来完成，还是说要写一大段搜索-替换的逻辑才行
 |
1
rain0002009 Aug 13, 2020  1
string.replace(/regexp/g , '<span style="color:green">$&</span>')
|
 |
2
Juszoe Aug 13, 2020 1
时间的匹配你自己修改一下
"2020-01-01 [INFO] log test 1".replace(/(\d{4}-\d{2}-\d{2})/g, '<span>$1</span>') $1 表示正则中，第一个括号括起来的内容 |
 |
3
Shawn211 Aug 13, 2020 1
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace
'2020-01-01 20:20:20 [INFO] log test 1'.replace(/^(\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2})(.*)$/, (match, p1, p2) => `<span style="color:green">${p1}</span>${p2}`) |
 |
4
sockball07 Aug 13, 2020
replace 参数 2 支持匿名函数，写 /看 起来比较清晰点
|
 |
5
qiutianaimeili Aug 13, 2020
let str='2020-01-01 20:20:20 [INFO] log test 1\n2020-02-02 10:10:10 [INFO] log test 2';
str.replace(/\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}/g,'<span style="color:green" >$&</span>'); |
Select Language