正则表达式。*？ 不匹配一切

Question

I'm trying to make a regex that works for the following strings

1. (?P<service>[az\-_]+)/(?<service2>[0-9]+)
2. (?P<stylesheet>[\/\s%\w\.\(\)\[\]\@_\-]+)/variations

I first tried the following code for #1 and it worked as expected

Test 1: '(?P<service>[az\-_]+)/(?<service2>[0-9]+)'.replace(/\(.*?<(.*?)>.*?\)/g, '{$1}')

Expected Output : '{service}/{service2}'

Result output : Same

The same pattern doesn't work for #2 though.

Test 2: '(?P<stylesheet>[\/\s%\w\.\(\)\[\]\@_\-]+)/variations'.replace(/\(.*?<(.*?)>.*?\)/g, '{$1}')

Expected Output : {stylesheet}/variation

Result Output : '{stylesheet}[]@_-]+)/variations'

It leaves []@_-]+) part.

How comes .*? doesn't match []@_-]+) and how do I change my regex to work for both strings?

Answer 1

You can assert either a / to the right or the end of string (?=\/|$) using a positive lookahead:

\(.*?<([^<>]*)>.*?\)(?=\/|$)

regex demo

 const regex = /\(.*?<([^<>]*)>.*?\)(?=\/|$)/gm; [ `(?P<service>[az\\-_]+)/(?<service2>[0-9]+)`, `(?P<stylesheet>[\\/\\s%\\w\\.\\(\\)\\[\\]\\@_\\-]+)/variations` ].forEach(s => console.log(s.replace(regex, `{$1}`)) )