如何将指定格式的字符串最优转换为数值范围对象数组？

嘿，这个需求我之前做批量数据处理时碰到过，刚好可以分享一个简洁又高效的实现方案。咱们先看最终的代码，再一步步拆解逻辑：

const data = "1350, 1351, 1390-1391, 1401, 1402 - 1407";

const range = data.split(',')
  .map(item => item.trim()) // 清理每个片段的前后空白
  .filter(item => item) // 过滤可能的空字符串（比如末尾多逗号的情况）
  .map(item => {
    // 匹配连字符前后的任意空格，拆分单个数值或范围
    const parts = item.split(/\s*-\s*/);
    const min = parseInt(parts[0], 10);
    // 如果是单个数值，max和min相等；如果是范围，取第二个值
    const max = parts.length === 2 ? parseInt(parts[1], 10) : min;
    return { min, max };
  });

console.log(range);

核心步骤拆解 #

• 拆分原始字符串：用逗号,把原始字符串拆成多个片段数组，比如["1350", " 1351", " 1390-1391", " 1401", " 1402 - 1407"]，这是最基础的第一步。
• 清理空白字符：每个片段用trim()去掉前后空格，避免后续因为空格导致的拆分错误，处理后变成干净的["1350", "1351", "1390-1391", "1401", "1402 - 1407"]。
• 过滤无效内容：用filter(item => item)过滤掉拆分后可能出现的空字符串（比如原始字符串不小心末尾多了个逗号），确保后续处理的都是有效项。
• 处理数值与范围：用正则/\s*-\s*/拆分每个片段——这个正则能兼容连字符前后有空格或无空格的情况：
  • 单个数值的片段（比如"1350"）拆分后只有1个元素，此时max直接等于min；
  • 范围类的片段（比如"1402 - 1407"）拆分后得到两个数值，分别作为min和max；
  • 最后把转换好的数值包装成要求的对象格式。

额外优化细节 #

• 用parseInt(xxx, 10)明确指定十进制转换，避免JavaScript默认解析八进制的风险（比如数值开头是0的情况）；
• 链式调用的写法简洁高效，不需要额外临时变量，可读性也很好；
• 兼容了各种空格格式，鲁棒性更强，不用怕输入字符串的空格格式不统一。

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