How to extract values within a string look for variable values

Question

how can I extract values from a string that is highly variable:

this is string:

let texto='The trip takes <span class="length">468 mi</span> and <span class="time">8:18 h</span>';

I want to extract the values the numbers that are the ones that always vary

468 mi
8:18 h

variant:

1468 mi
28:18 h

I've been working with substring but I don't have favorable results

console.log(texto.substring(15,5));

This string looks like it's comming from HTML document therfore you could cimply get the innerHTML value of each span using something like document.querySelector('span.length').innerHTML — Louis Loudog Trottier
– Louis Loudog Trottier, Commented Dec 15, 2020 at 1:01

Nick · Accepted Answer · 2020-12-15 01:10:40Z

3

This would be a great use case for regular expressions! Consider the following regexes for first matching for miles and then matching for hours.

let texto='The trip takes <span class="length">468 mi</span> and <span class="time">8:18 h</span>';

const miles = texto.match(/\d+ mi/);
const hours = texto.match(/\d{1,2}:\d\d h/);

console.log(miles[0])
console.log(hours[0]);

Now since your texto variable appers to be HTML, you might not need regex since the HTML might be structured enough to parse by accessing the DOM.

const miles = document.querySelector('.length').innerText;
const hours = document.querySelector('.time').innerText;

console.log(miles);

console.log(hours);

The trip takes <span class="length">468 mi</span> and <span class="time">8:18 h</span>

edited Dec 15, 2020 at 1:10

answered Dec 15, 2020 at 1:01

Nick

16.7k3 gold badges21 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to extract values within a string look for variable values

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related