I am trying figure out if it's possible to aggregate two patterns in a single one.
So my input could be something like this:
input = "200px"
input = "200pt"
My expected output would be result = ["200","pt"] or ["200","px"]
var result = input.match(/[^pt]+|pt/g)
Anyone knows if it's possible in a single pattern, handle pt or px suffixes ?
Solved
result = input.match(/^([0-9]+)(px|pt)$/).slice(1);
or
result = input.match(/^([0-9]+)((p[xt]|r?em)).slice(1);
Thanks guys
You can use capturing groups:
input.match(/(\d+)(p[tx])/)
// -> Array ["200px", "200", "px"]
To get the exact result you wanted (without matching the whole string), you can split before the p:
input.split(/(?=p)/)
// -> Array ["200", "px"]
You can do it like this:
var input = "200px"; // or 200pt;
var result = input.match(/^([0-9]+)(px|pt)$/);
// result: ["200px", "200", "px"]
result = result.slice(1); // ["200", "px"]
The RegExp in English:
^ start at the beginning of the string.([0-9]+) match 1 or more digits and capture them.(px|pt) match px or pt and capture it.$ end must be at the end of the string.
(px|pt) -which works of course-, you can use (p[xt]).
result.slice(1)
p twice. Instead of (px|pt|em|rem) you'd rather write (p[xt]|r?em)p and won't need to save any states for backtracking then it will look for an t or x with no need for saving any states again.