JavaScript字符串转对象最佳实践：含特殊分隔符的键值对解析

正则是可行性极高的实现思路，比多次split硬分割的方案鲁棒性强很多。原有逻辑失效的核心原因是没有区分「作为分隔符的逗号、等号」和「值内容里携带的逗号、等号」，把所有匹配到的特殊符号都当成分割边界处理，自然会出现切割错误。

实现逻辑 #

核心思路是只把「字符串开头/逗号 + 合法配置键 + 第一个等号」作为分割锚点，两个锚点之间的所有内容都属于前一个键对应的值，不管内容里包含多少逗号、等号都不做分割。
结合业务场景，配置键都是不带特殊符号的标识符（字母、数字、下划线组合，比如localhost/password/ssl），完全可以通过正则定位所有锚点位置，再按位置切片取值。

可直接复用的代码实现 #

function parseKvString(str) {
  const result = {}
  // 全局匹配键锚点：匹配字符串开头/逗号后，紧跟合法键名+等号的位置
  const keyAnchorReg = /(?:^|,)([a-zA-Z0-9_]+)=/g
  const anchorList = [...str.matchAll(keyAnchorReg)]

  anchorList.forEach((anchor, idx) => {
    const configKey = anchor[1]
    // 当前值的起始位置：锚点字符串结束的位置
    const valueStart = anchor.index + anchor[0].length
    // 当前值的结束位置：下一个锚点的起始位置，没有下一个锚点则取字符串末尾
    const valueEnd = idx < anchorList.length - 1 ? anchorList[idx + 1].index : str.length
    result[`app_${configKey}`] = str.slice(valueStart, valueEnd)
  })

  return result
}

// 测试值内含逗号、等号的异常场景
const testCase = 'localhost=3000,password=12,34=5a*bc,ssl=True,isAdmin=False'
console.log(parseKvString(testCase))
// 输出结果：{app_localhost: '3000', app_password: '12,34=5a*bc', app_ssl: 'True', app_isAdmin: 'False'}

方案适配说明 #

• 完全兼容原有常规场景的解析结果，不会破坏现有已上线逻辑
• 无需额外设计转义规则，和已经实现的「编辑后拼接回原字符串」逻辑完全适配，用户在输入框编辑时不需要额外给值里的逗号、等号加转义符，学习成本为0
• 如果后续业务扩展允许配置键携带特殊字符，再升级为带引号包裹的类CSV解析规则即可，当前场景下这个正则方案实现成本最低、稳定性足够。

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