How to Get only the number from string "Step-1" using javascript

Question

I have "Step-1", "Step-2"... etc string. I want to get only the number. how can i get it ?

My solution:

var stepName = "Step-1";
var stepNumber = Integer.Parse(stepName[5]);

console.log(stepNumber);

but It is not good solution because stepName can be "Step-500". please suggest me a way to get number after "-"

Split by `'-'` and take the second element (`stepName.split('-')[1]`) or make a slice (`stepName.slice(5)`). — InSync, Jun 11 '23 at 07:42

DecPK · Accepted Answer · 2023-06-11T07:47:43.953

You can first use match and then use parseInt to get number

var stepName = "Step-1";
const match = stepName.match(/\d+$/);
if(match && match.length) {
    const stepNumber = parseInt(match[0], 10)
    console.log(stepNumber);
}

You can also use split here as:

var stepName = "Step-1";
const splitArr = stepName.split("-")
const stepNumber = parseInt(splitArr[splitArr.length - 1], 10)
console.log(stepNumber);

or

var stepName = "Step-1";
const splitArr = stepName.split("-")
const stepNumber = parseInt(splitArr.at(-1), 10)
console.log(stepNumber);

Gemechu Birhanu · Answer 2 · 2023-06-11T14:42:54.950

1

You can use this

var stepName = "Step-1";
var stepNumber = stepName.split("-")[1];

console.log(Number(stepNumber));

//another example
var stepName = "Step-500";
var stepNumber = stepName.split("-")[1];

console.log(Number(stepNumber));

edited Jun 11 '23 at 14:42

answered Jun 11 '23 at 07:54

Gemechu Birhanu

11
4

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Jun 11 '23 at 14:18

score 1 · Answer 3 · answered Jun 11 '23 at 08:07

I think the best solution is not by regex. If your text format would be a constant as "Step-1" and your just replacing the number from 1 - 1******** . You can just split them in an array and get the second array.

let step = "Step-500";
const stepArray = step.split("-");

document.getElementById("step").innerHTML = stepArray[1];

<p id="step">

</p>

So what the code does is it split your string into two and assign it an array

stepArray[0] = "step"
stepArray[1] = "500"

PS. But again this will only work if you have a constant format of that variable. e.g "$var1-$var2"

score 0 · Answer 4 · answered Jun 11 '23 at 12:02

0

You can do with replace function too, try below code

var stepName = "Step-1";
var stepNumber = parseInt(stepName.replace("Step-", ""));
console.log(stepNumber);

answered Jun 11 '23 at 12:02

Krunal Jethi

66
6

score -1 · Answer 5 · answered Jun 11 '23 at 07:47

-1

var stepName = "Step-1";
var stepNumber = stepName.split("-");

console.log(stepNumber.length - 1);

answered Jun 11 '23 at 07:47

Mahadev Mirasdar

466
5
7

How to Get only the number from string "Step-1" using javascript

5 Answers5