正则重构：如何优化实现从{{question.answer}}中提取answer值

待处理场景 #

需要从如下格式的字符串中提取目标值：

smartcode = '{{question.answer}}'

预期提取结果：

'answer'

原有实现通过两次链式split拆分字符串取值：

smartcode.split(/\{{(.*?)\}}/).last.split(/\.(?=[\w])/).last

该实现需要两次遍历拆分字符串、生成中间数组，逻辑冗余，可通过单次正则匹配直接捕获目标值，简化逻辑同时提升执行效率。

优化实现 #

直接通过正则匹配双大括号区间内最后一个.后的字段，一次匹配即可拿到结果，无需多次拆分：

// 通用兼容写法，支持{{a.b.c}}这类多层点分隔的变量格式，自动提取最后一段字段
const matchRes = smartcode.match(/\{\{.*?\.('?\w+'?)\}\}/)
const target = matchRes ? matchRes[1] : ''

正则逻辑说明 #

• \{\{：匹配左边界的两个左大括号
• .*?\.：匹配区间内任意字符直到定位到.的位置，非贪婪匹配配合后续捕获规则可自动适配多层级点分隔场景
• ('?\w+'?)：捕获点之后的内容，兼容字段自带单引号的格式，也就是最终需要的目标值
• \}\}：匹配右边界的两个右大括号

如果业务场景下字符串格式固定为{{question.xxx}}的结构，还可以把正则写得更严谨，避免误匹配其他不符合规则的片段：

const matchRes = smartcode.match(/\{\{question\.('?\w+'?)\}\}/)
const target = matchRes ? matchRes[1] : ''

如果运行环境支持可选链?.语法，可以简化写法：

const target = smartcode.match(/\{\{.*?\.('?\w+'?)\}\}/)?.[1] || ''

方案对比 #

• 原有两次split的写法需要两次遍历字符串、生成中间临时数组，性能更低，且链式调用的可读性差，遇到格式变体（比如多段点分隔、字段带引号）时容易匹配失效
• 单次正则匹配的写法只做一次字符串扫描，没有中间冗余数据生成，语义更直观，对多层级变量、字段带引号的场景兼容度也更好

内容的提问来源于stack exchange，提问作者Steph