Javascript 使用正则表达式全局替换字符串，如何在匹配结果基础上修改？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

推荐关注

Meteor

JSLint - a Javascript code quality tool

推荐书目

Javascript 权威指南第 5 版

This topic created in 2086 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

即用正则表达式匹配到时间，然后再将匹配到的字符串两边加上，

正则的部分很简单可以匹配到，但是替换怎么搞呢？

有没有 js 大佬讲解一下这个需求能不能通过string.replace(/regexp/g , 'target')这种命令来完成，还是说要写一大段搜索-替换的逻辑才行

5 replies 2020-08-13 16:47:55 +08:00

rain0002009

Aug 13, 2020

string.replace(/regexp/g , '$&')

Juszoe

Aug 13, 2020

时间的匹配你自己修改一下
"2020-01-01 [INFO] log test 1".replace(/(\d{4}-\d{2}-\d{2})/g, '$1')
$1 表示正则中，第一个括号括起来的内容

Shawn211

Aug 13, 2020

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) => `${p1}${p2}`)

sockball07

Aug 13, 2020

replace 参数 2 支持匿名函数，写 /看起来比较清晰点

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,'$&');