如何在字符串首个字母前后拆分？修复无字母场景代码失效问题

需求与问题 #

需要从包含数字、字母、特殊字符的字符串中，拆分出开头的数字+特殊字符部分，以及剩余的字母及后续内容部分，预期效果如下：

• '123.331abc' → '123.331' + 'abc'
• '12331abc123' → '12331' + 'abc123'

原尝试代码：

var chars = str.slice(0, str.search(/[a-zA-Z]+/));
var numbs = str.replace(chars, '');

该代码的缺陷：当字符串中无字母时，str.search(/[a-zA-Z]+/)返回-1，导致slice(0, -1)错误截取到倒数第二个字符，无法满足「无字母时整个字符串归为数字+特殊字符部分」的需求。

解决方案 #

方法1：修复原逻辑，兼容无字母场景 #

先判断是否存在字母，再分别处理：

function splitMixStr(str) {
  const letterStartIndex = str.search(/[a-zA-Z]/);
  let numSpecialPart, letterPart;
  
  if (letterStartIndex === -1) {
    // 无字母时，全部分配给数字+特殊字符部分
    numSpecialPart = str;
    letterPart = '';
  } else {
    numSpecialPart = str.slice(0, letterStartIndex);
    letterPart = str.slice(letterStartIndex);
  }
  
  return [numSpecialPart, letterPart];
}

方法2：正则一次性匹配拆分（更简洁） #

用正则直接匹配开头的非字母部分和剩余内容：

function splitMixStr(str) {
  // ^([^a-zA-Z]*) 匹配开头所有非字母字符（数字+特殊字符）
  // (.*) 匹配剩余所有内容
  const [_, numSpecialPart, letterPart] = str.match(/^([^a-zA-Z]*)(.*)$/);
  return [numSpecialPart, letterPart];
}

测试验证：

console.log(splitMixStr('123.331abc')); // ["123.331", "abc"]
console.log(splitMixStr('12331abc123')); // ["12331", "abc123"]
console.log(splitMixStr('456!@#')); // ["456!@#", ""]
console.log(splitMixStr('xyz789')); // ["", "xyz789"]

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