Comment remplacer uniquement les groupes capturés?

J'ai du code HTML avant et après la chaîne:

name="some_text_0_some_text"

Je voudrais remplacer le 0par quelque chose comme:!NEW_ID!

Alors j'ai fait une simple regex:

.*name="\w+(\d+)\w+".*

Mais je ne vois pas comment remplacer exclusivement le bloc capturé.

Existe-t-il un moyen de remplacer un résultat capturé comme ($ 1) par une autre chaîne?

Le résultat serait:

name="some_text_!NEW_ID!_some_text"

Une solution consiste à ajouter des captures pour le texte précédent et suivant:

str.replace(/(.*name="\w+)(\d+)(\w+".*)/, "$1!NEW_ID!$3")

Maintenant que Javascript a regardé en arrière (à partir de ES2018 ), sur les environnements plus récents, vous pouvez éviter complètement les groupes dans des situations comme celles-ci. Au lieu de cela, regardez en arrière pour ce qui précède le groupe que vous capturiez, et cherchez à l'avance pour venir après, et remplacez par juste !NEW_ID! :

const str = 'name="some_text_0_some_text"';
console.log(
  str.replace(/(?<=name="\w+)\d+(?=\w+")/, '!NEW_ID!')
);

Avec cette méthode, la correspondance complète est uniquement la partie qui doit être remplacée.

• (?<=name="\w+)- Rechercher en arrière name", suivi des caractères de mots (heureusement, les regards en arrière n'ont pas à être de largeur fixe en Javascript!)
• \d+ - Faire correspondre un ou plusieurs chiffres - la seule partie du modèle qui ne fait pas partie d'une recherche, la seule partie de la chaîne qui sera dans la correspondance résultante
• (?=\w+")- Lookahead pour les caractères de mots suivis de " `

Gardez à l'esprit que regarder en arrière est assez nouveau. Il fonctionne dans les versions modernes de V8 (y compris Chrome, Opera et Node), mais pas dans la plupart des autres environnements , du moins pas encore. Ainsi, bien que vous puissiez utiliser de manière fiable lookbehind dans Node et dans votre propre navigateur (s'il fonctionne sur une version moderne de V8), il n'est pas encore suffisamment pris en charge par des clients aléatoires (comme sur un site Web public).

Une petite amélioration de la réponse de Matthew pourrait être une anticipation au lieu du dernier groupe de capture:

.replace(/(\w+)(\d+)(?=\w+)/, "$1!NEW_ID!");

Ou vous pouvez diviser sur la décimale et rejoindre votre nouvel identifiant comme ceci:

.split(/\d+/).join("!NEW_ID!");

Exemple / Benchmark ici: https://codepen.io/jogai/full/oyNXBX

Avec deux groupes de capture aurait été également possible; J'aurais également inclus deux tirets, comme limites supplémentaires gauche et droite, avant et après les chiffres, et l'expression modifiée aurait ressemblé à:

(.*name=".+_)\d+(_[^"]+".*)

const regex = /(.*name=".+_)\d+(_[^"]+".*)/g;
const str = `some_data_before name="some_text_0_some_text" and then some_data after`;
const subst = `$1!NEW_ID!$2`;
const result = str.replace(regex, subst);
console.log(result);

Si vous souhaitez explorer / simplifier / modifier l'expression, cela a été expliqué dans le panneau supérieur droit de regex101.com . Si vous le souhaitez, vous pouvez également regarder dans ce lien , comment il correspondrait à certains exemples d'entrées.

Circuit RegEx

jex.im visualise les expressions régulières:

Une option plus simple consiste simplement à capturer les chiffres et à les remplacer.

const name = 'preceding_text_0_following_text';
const matcher = /(\d+)/;

// Replace with whatever you would like
const newName = name.replace(matcher, 'NEW_STUFF');
console.log("Full replace", newName);

// Perform work on the match and replace using a function
// In this case increment it using an arrow function
const incrementedName = name.replace(matcher, (match) => ++match);
console.log("Increment", incrementedName);

Ressources

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace