如何用JavaScript正则表达式加粗文本？日期匹配加粗失败求解
一、用JavaScript正则实现文本加粗的通用方法
其实核心就是利用String.prototype.replace()方法，结合正则表达式定位到你想要加粗的文本，再把它替换成包裹在<b>标签里的内容。举个简单例子，要是你想把所有"apple"加粗：
const text = "I love apple, apple is delicious"; const boldText = text.replace(/apple/g, '<b>$&</b>'); // 结果："I love <b>apple</b>, <b>apple</b> is delicious"
这里的$&代表正则匹配到的整个内容，g修饰符是全局匹配（如果需要替换所有符合条件的文本就加上，不然只会替换第一个匹配项）。
要是你需要捕获特定部分的内容来替换，也可以给正则加括号（也就是捕获组），然后用$1、$2这类符号来引用对应分组的内容：
const text = "Hello John, Hello Alice"; const boldText = text.replace(/Hello (\w+)/g, 'Hello <b>$1</b>'); // 结果："Hello <b>John</b>, Hello <b>Alice</b>"
二、你的日期加粗问题分析与解决
看你的描述，替换后得到text text <b>$1</b> text text，问题出在正则没有定义捕获组，却用了$1来引用匹配内容，或者你错误地在函数替换里直接返回带$1的字符串（函数里的字符串不会自动解析$1）。
先看你的目标字符串：let data = "text text 04.02.2018 18:02:82 text text"，要匹配的是DD.MM.YYYY HH:MM:SS格式的日期时间（虽然你的秒数是82不符合实际时间，但正则还是能正常匹配）。
正确的实现方式有两种：
方式1：用$&指代整个匹配内容（无需捕获组）
let data = "text text 04.02.2018 18:02:82 text text"; const result = data.replace(/\d{2}\.\d{2}\.\d{4} \d{2}:\d{2}:\d{2}/, '<b>$&</b>'); console.log(result); // 输出："text text <b>04.02.2018 18:02:82</b> text text"
这里的正则/\d{2}\.\d{2}\.\d{4} \d{2}:\d{2}:\d{2}/精准匹配目标格式，$&直接代表整个匹配到的字符串，替换后就能正确加粗。
方式2：给正则加捕获组，用$1引用
如果你想明确用捕获组，只需要把整个匹配模式用括号括起来就行：
let data = "text text 04.02.2018 18:02:82 text text"; const result = data.replace(/(\d{2}\.\d{2}\.\d{4} \d{2}:\d{2}:\d{2})/, '<b>$1</b>'); console.log(result); // 同样输出正确的加粗结果
为什么你的代码会输出$1？
要么是你的正则没有加括号定义捕获组，导致$1无法被解析为匹配内容，直接被当作普通字符串输出；要么是你用函数替换时，错误地返回了'<b>$1</b>'——函数里的字符串不会自动解析$1，这时候应该用函数参数获取匹配内容：
// 错误示例：函数返回带$1的字符串，不会解析 const wrongResult = data.replace(/\d{2}\.\d{2}\.\d{4} \d{2}:\d{2}:\d{2}/, () => '<b>$1</b>'); // 正确示例：用函数参数拿到匹配内容再拼接 const rightResult = data.replace(/\d{2}\.\d{2}\.\d{4} \d{2}:\d{2}:\d{2}/, (match) => `<b>${match}</b>`);
额外提示
如果你的文本里有多个这样的日期时间需要加粗，记得给正则加上g修饰符（全局匹配），不然只会替换第一个匹配项：
let data = "text 04.02.2018 18:02:82 text 05.03.2019 19:03:04 text"; const result = data.replace(/\d{2}\.\d{2}\.\d{4} \d{2}:\d{2}:\d{2}/g, '<b>$&</b>'); // 所有符合格式的日期都会被加粗
内容的提问来源于stack exchange，提问作者nope123
