如何使用JavaScript、jQuery在拼接的文本内容之间添加分隔空格

转换规则说明 #

需要插入空格的场景共两类：

1. 英文字母后紧跟数字的位置：比如frequency47转换为frequency 47
2. 小写英文字母后紧跟大写英文字母的位置：比如CompatibilityCisco转换为Compatibility Cisco

正则实现方法 #

通用查找替换规则，在任意支持正则的文本编辑器/代码工具中都可使用：

• 第一步处理大小写字母拼接场景：
  查找规则：([a-z])([A-Z])
  替换规则：$1 $2
• 第二步处理字母数字拼接场景：
  查找规则：([a-zA-Z])(\d)
  替换规则：$1 $2

转换后的英文代码结果 #

<div id="tab-content">
  <p>
    AC input frequency 47 – 63 Hz <br>
    Total power 250 W <br>
    AC input voltage 85 – 264 V <br>
    Other features <br>
    Compatibility Cisco ASR 1001-X <br>
    Design <br>
    Product colour Grey <br>
    Features <br>
    Product type Power supply <br>
  </p>
</div>

翻译后的中文结果 #

• 交流输入频率 47 – 63 Hz
• 总功率 250 W
• 交流输入电压 85 – 264 V
• 其他特性
• 适配设备 思科 ASR 1001-X
• 外观设计
• 产品颜色 灰色
• 功能特性
• 产品类型 电源供应器

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