Javascript Regex zwei Arten von Trennzeichen erfassen als eine Gruppe

Question

Entschuldigung, wenn ich einige Fehler gemacht habe, während ich meine erste Frage hier posten.

Ich hatte ein Problem, während ich mit Javascript lodash Vorlage arbeitete. Ich habe versucht, Regex für auszuwerten Trennzeichen neu zu schreiben, so dass es zwei Arten von Trennzeichen akzeptieren und es als eine Gruppe erfassen konnte.

Zuerst habe ich versucht, zwei tun zwei Gruppen

/<%([\s\S]+?)%>|{{([\s\S]+?)}}/ 

aber ich am Ende zwei Gruppen, dann habe ich versucht,

/(?:<%|{{)([\s\S]+?)(?:%>|}})/ 

Es funktionierte und nahmen zwei Gruppen ein, aber es funktionierte für einige Fälle das sollte funktionieren
nicht Zum Beispiel:

<% 
    text1 
%> //should work 
{{ text2 }} //should work 
<% text2 }} // shouldn't work 

Gibt es eine Möglichkeit, mit mehreren Trennzeichen übereinzustimmen, aber nur eine Gruppe zu erfassen?

Answer 1

Sie können das erreichen mit Lookaheads:

const regex = /(?:<%(?=.*%>)|{{(?=.*}}))(.+)(?:}}|%>)/ 
 

 
console.log(regex.test('<% Hello World %>')) // true 
 
console.log(regex.test('{{ Hello World }}')) // true 
 
console.log(regex.test('<% Hello World }}')) // false 
 
console.log(regex.test('{{ Hello World %>')) // false

Try it on regex101.com!

Answer 2

Sie haben Lookaheads verwenden:

(?:<%(?=[^<>]*%>)|{{(?=[^{}]*}}))(.+?)(?:%>|}}) 

Live demo

Answer 3

Eine andere vielleicht etwas einfachere Alternative:

var l = console.log, r = /<%.+?%>|{{.+?}}/, f = s => (s.match(r) + '').slice(2, -2) 
 

 
l(f('<% a %>')) // " a " 
 
l(f('{{ b }}')) // " b " 
 
l(f('<% c }}')) // "" 
 
l(f('{{ d %>')) // ""

Das sich wiederholende Muster auch ersetzt werden kann, aber das ist vielleicht ein bisschen zu viel des Guten:

var l = console.log, r = new RegExp('<%1%>|{{1}}'.split(1).join`([\\s\\S]+?)`), m 
 

 
f = s => (m = s.match(r)) ? m[1] || m[2] : '' 
 

 
l(r)   // /<%([\s\S]+?)%>|{{([\s\S]+?)}}/ 
 
l(f('<% a %>')) // " a " 
 
l(f('{{ b }}')) // " b " 
 
l(f('<% c }}')) // "" 
 
l(f('{{ d %>')) // ""