how to get dynamic substring in javascript?

Question

I have a scroll animation and want to get the transition value to a given time.

const transform = document.getElementsByClassName('slideContainer')[0].style.transform;

For example I get the following value: translate(-2.51028%, 0%) translate3d(0px, 0px, 0px)

But I just want the -2.51028%

How do I do that?

connexo · Accepted Answer · 2018-11-16 09:16:44Z

4

You could use String.prototype.split():

let str = "translate(-2.51028%, 0%) translate3d(0px, 0px, 0px)"

console.log(str.split("(")[1].split(",")[0]);

answered Nov 16, 2018 at 9:16

connexo

57.2k15 gold badges112 silver badges149 bronze badges

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

Comments

CertainPerformance · Accepted Answer · 2018-11-16 09:16:38Z

1

Sounds like you might want to use a regular expression - they're great tools for matching patterns in strings. You can match the start of the string, followed by translate(, then capture as many non-comma characters as you can in a group. That group will have the substring you want:

const transform = 'translate(-2.51028%, 0%) translate3d(0px, 0px, 0px)';
const match = transform.match(/translate\(([^,]+)/);
// match[0] refers to the entire matched substring,
// match[1] will contain the first captured group:
console.log(match[1]);

answered Nov 16, 2018 at 9:16

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

1 Comment

connexo Over a year ago

So many people just hate regexes :). I wish I was better at it though...

Collectives™ on Stack Overflow

how to get dynamic substring in javascript?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related