Como substituir apenas grupos capturados?

Eu tenho código HTML antes e depois da string:

name="some_text_0_some_text"

Gostaria de substituir o 0por algo como:!NEW_ID!

Então eu fiz um regex simples:

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

Mas não vejo como substituir exclusivamente o bloco capturado.

Existe uma maneira de substituir um resultado capturado como ($ 1) por alguma outra string?

O resultado seria:

name="some_text_!NEW_ID!_some_text"

Uma solução é adicionar capturas para o texto anterior e seguinte:

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

Agora que o Javascript olhou para trás (a partir do ES2018 ), em ambientes mais novos, é possível evitar grupos inteiramente em situações como estas. Em vez disso, preste atenção no que vem antes do grupo que você estava capturando, e procure logo depois, e substitua por apenas !NEW_ID! :

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

Com esse método, a correspondência completa é apenas a parte que precisa ser substituída.

• (?<=name="\w+)- Lookbehind name", seguido por caracteres de palavra (felizmente, lookbehinds não precisa ter largura fixa em Javascript!)
• \d+ - Corresponde a um ou mais dígitos - a única parte do padrão que não está em uma visão geral, a única parte da sequência que estará na correspondência resultante
• (?=\w+")- Procure por caracteres de palavras seguidos por " `

Lembre-se de que olhar para trás é muito novo. Ele funciona nas versões modernas do V8 (incluindo Chrome, Opera e Node), mas não na maioria dos outros ambientes , pelo menos ainda não. Portanto, embora você possa usar o lookbehind de forma confiável no Node e em seu próprio navegador (se ele for executado em uma versão moderna do V8), ele ainda não é suficientemente suportado por clientes aleatórios (como em um site público).

Um pequeno aprimoramento na resposta de Matthew poderia ser um olhar atento, em vez do último grupo de captura:

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

Ou você pode dividir no decimal e associar-se ao seu novo ID assim:

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

Exemplo / Referência aqui: https://codepen.io/jogai/full/oyNXBX

Com dois grupos de captura também teria sido possível; Eu também incluiria dois traços, como limites esquerdo e direito adicionais, antes e depois dos dígitos, e a expressão modificada teria a seguinte aparência:

(.*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);

Se você deseja explorar / simplificar / modificar a expressão, isso foi explicado no painel superior direito de regex101.com . Se desejar, também é possível assistir neste link , como ele corresponderia a algumas entradas de amostra.

Circuito RegEx

O jex.im visualiza expressões regulares:

Uma opção mais simples é capturar os dígitos e substituí-los.

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);

Recursos

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