Get Number in Separated String of Numbers

Question

I have a JavaScript string which consists of two numbers separated by a /.

I want to be able to separately be able to get each of the numbers.

When there are only 1 digit integers, I can get the values pretty easily, but I don't know what to do when there are two digits integers.

Single Digits:

var string = "5/9";
var firstVal = string.slice(0, 1);
var secondVal = string.slice(-1);

Multiple Digits Variations:

var string = "10/23";
var string = "9/21";
var string = "45/2";

`let [a, b] = '10/23'.split('/')`? – Dave Newton Aug 25 '21 at 07:37 — Dave Newton, Aug 25 '21 at 07:37
just use the `split('/')` function on each string. – PRSHL Aug 25 '21 at 07:37 — PRSHL, Aug 25 '21 at 07:37

score 2 · Answer 1 · answered Aug 25 '21 at 07:37

2

const num = "23/2/3"
const result = num.split("/")

console.log(result);

You can easily achieve that using string.split. This is known as string delimiter

answered Aug 25 '21 at 07:37

Isaac

12,042
16
52
116

score 2 · Answer 2 · answered Aug 25 '21 at 07:37

2

You can use split like this:

var string = "10/23";

console.log(string.split("/"))

answered Aug 25 '21 at 07:37

Alireza Ahmadi

8,579
5
15
42

Nina Scholz · Answer 3 · 2021-08-25T08:50:36.597

1

You could match digits despite the operator and omit unwanted parts.

const
    string = ' 123/ 4 ',
    values = string.match(/\d+/g).map(Number);

console.log(values);

edited Aug 25 '21 at 08:50

answered Aug 25 '21 at 07:40

Nina Scholz

376,160
25
347
392

score 1 · Accepted Answer · answered Aug 25 '21 at 07:53

Try to break your problem into steps.

Breaking the string into two parts

console.log("bob/marie".split("/"));
//  ["bob", "marie"]

Casting the strings to numbers

Let's assume that you are sure that they are valid numbers. There are many different ways to cast numbers in Javascript. My favourite is this multiply by 1.

console.log("132445.85" * 1);
// 132445.85 as number

Combine the two operations

console.log( "6532.11/4535.77".split("/").map( v => 1 * v ) );

The map above applies the function in all elements.

Finally let's put this in data in some HTML result, just for fun

function showNumbers(element) {
  // read the input value as string
  let text = element.value;
  // convert the string into an array breaking by "/"
  let numbers = text.split("/").map( v => v * 1 );
  // get the div element that we are going to put the list
  let myDiv = document.getElementById("my-div");
  // create a list
  let ul = document.createElement("ul");
  // creating a total column
  let total = 0;
  numbers.forEach(
    function(n) {
      // create a list item
      let li = document.createElement("li");
      // set the number as the list item value
      li.innerHTML = n;
      // add the list item into the list
      ul.appendChild(li);
      // we can add the numbers
      total += n;
    }
  )
  // create a list item
  let liTotal = document.createElement("li");
  // set the number as the list item value
  liTotal.innerHTML = "Total " + total;
  // add the list item into the list
  ul.appendChild(liTotal);
  // remove all elements from my div
  myDiv.innerHTML = "";
  // make the new list the element into the div
  myDiv.appendChild(ul);
}

<input type="text" style="width:200px" onKeyUp="showNumbers(this)"/>
<div id="my-div">
</div>

Get Number in Separated String of Numbers

4 Answers4

Breaking the string into two parts

Casting the strings to numbers

Combine the two operations

Finally let's put this in data in some HTML result, just for fun