如何使用JavaScript从"Step-1"类字符串中提取数字

方法一：字符串分割截取 #

通过定位分隔符-的位置，截取其后的所有字符再转换为整数，适用于固定前缀的场景：

var stepName = "Step-500";
var dashIndex = stepName.indexOf("-");
// 确保找到分隔符再处理，避免索引为-1的情况
if (dashIndex !== -1) {
  var stepNumber = parseInt(stepName.slice(dashIndex + 1), 10);
  console.log(stepNumber); // 输出 500
} else {
  console.log("字符串格式不符合要求");
}

• 核心逻辑：indexOf("-")获取分隔符位置，slice截取后续内容，parseInt第二个参数10强制使用十进制解析，避免默认八进制的问题。

方法二：正则表达式匹配 #

利用正则匹配-后的连续数字序列，适配更灵活的格式（比如前缀略有变动但分隔符和数字结构不变的情况）：

var stepName = "Step-500";
var numberMatch = stepName.match(/-(d+)/);
if (numberMatch) {
  var stepNumber = parseInt(numberMatch[1], 10);
  console.log(stepNumber); // 输出 500
} else {
  console.log("未提取到有效数字");
}

• 核心逻辑：正则/-(\d+)/精准匹配-后跟一个或多个数字，match返回的数组中，第二个元素是捕获到的纯数字字符串，再转换为整数。

异常处理补充 #

如果存在字符串格式不规范的情况（比如无-、后续非数字），可以增加判断避免报错：

var stepName = "Step-abc";
var dashIndex = stepName.indexOf("-");
if (dashIndex !== -1) {
  var numStr = stepName.slice(dashIndex + 1);
  var stepNumber = parseInt(numStr, 10);
  if (!isNaN(stepNumber)) {
    console.log(stepNumber);
  } else {
    console.log("分隔符后不是有效数字");
  }
}

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