How to extract a rational number between a parenthesis and letters using regex?

Question

I'm trying to extract the degree rate from the CSS transform property,

transform = "rotate(33.8753deg) translateZ(0px)"

with a regular expression. So far I've succeeded to get almost the exact number:

const re = new RegExp('.*rotate( *(.*?) *deg).*', 'm');
let degRate = transform.match(re);

Output: An array which the third element is:

"(33.8753"

https://css-tricks.com/get-value-of-css-rotation-through-javascript/ — Temani Afif, Mar 19 '18 at 09:21
https://stackoverflow.com/questions/13592384/how-to-retrieve-the-angle-in-css3-rotate — Temani Afif, Mar 19 '18 at 09:22

score 1 · Accepted Answer · answered Mar 19 '18 at 09:11

1

You can use the RegEx \(([^(]*)deg\) and get the first group with .match(...)[1]

let str = "rotate(33.8753deg) translateZ(0px)";
let deg = str.match(/\(([^(]*)deg\)/)[1];
console.log(deg);

answered Mar 19 '18 at 09:11

Zenoo

this will work with the actual string but am pretty sure he want to use it with real style and it won't work as we will get the matrix transformation – Temani Afif Mar 19 '18 at 09:19
@TemaniAfif I don't really follow you, can you elaborate please? – Zenoo Mar 19 '18 at 09:21
actually we are considering a simple string to get the value of degree ... but am sure at the end we will read the transform property of an element and he *maybe* think that we will get the same string but not we will get the matrix transformation – Temani Afif Mar 19 '18 at 09:24

score 1 · Answer 2 · answered Mar 19 '18 at 09:13

1

Simpler extraction:

let str = "rotate(33.8753deg) translateZ(0px)";
let deg = parseFloat(str.replace(/^.*rotate\(/,""));
console.log(deg);

answered Mar 19 '18 at 09:13

mplungjan

this will work with the actual string but am pretty sure he want to use it with real style and it won't work as we will get the matrix transformation – Temani Afif Mar 19 '18 at 09:19

2 Answers2