js - backreference funktioniert nicht wie erwartet

Question

Ich habe eine Zeichenfolge "styles-123.min.js", die ich mit "styles-456.min.js" ersetzen möchte. So mache ich das:

str = "styles-123.min.js"; 
str = str.replace(/(styles|apps)/, "$0" + "-456"); 

alert(str) 

Der $ 0 wird nicht analysiert und das Ergebnis ist "$ 0-456-min.js". Warum?

Danke.

Answer 1

Verwenden Sie in JavaScript $& anstelle von $0, um auf den gesamten Übereinstimmungswert zu verweisen.

Siehe String#replace() reference:

$& Einsätze des angepassten String.

Wenn Sie nicht $1 verwenden, gibt es keinen Punkt in der Erfassungsgruppe in dem Muster, können Sie

str = "styles-123.min.js"; 
 
str = str.replace(/styles|apps/, "$&-456"); 
 
document.body.innerHTML = str;

Answer 2

einfach überprüfen -123 mit folgenden regex verwenden.

Regex:-\d+

Javascript-Code

str = "styles-123.min.js"; 
 
str = str.replace(/-\d+/, "-456"); 
 
alert(str);

Regex101 Demo

Answer 3

Sie könnten tun ($1 bedeutet die erste abgestimmte Gruppe):

str = "styles-123.min.js"; 
 
str = str.replace(/(styles|apps)[0-9-]+/, "$1-456"); 
 

 
alert(str);