Как заменить только захваченные группы?

У меня есть HTML-код до и после строки:

name="some_text_0_some_text"

Я хотел бы заменить что- 0то вроде:!NEW_ID!

Итак, я сделал простое регулярное выражение:

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

Но я не вижу, как заменить исключительно захваченный блок.

Есть ли способ заменить захваченный результат, например ($ 1), какой-нибудь другой строкой?

Результат будет:

name="some_text_!NEW_ID!_some_text"

Решение состоит в том, чтобы добавить записи для предыдущего и следующего текста:

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

Теперь, когда у Javascript есть взгляд назад (по состоянию на ES2018 ), в более новых средах вы можете полностью избегать групп в подобных ситуациях. Скорее, посмотрите за тем, что предшествует группе, которую вы захватывали, и посмотрите вперед, и замените просто !NEW_ID! :

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

При использовании этого метода полное совпадение - это только та часть, которую необходимо заменить.

• (?<=name="\w+)- Lookbehind for name", за которым следуют символы слова (к счастью, lookavhinds не обязательно должны иметь фиксированную ширину в Javascript!)
• \d+ - Соответствие одной или нескольким цифрам - единственная часть шаблона, которая не находится в поиске, единственная часть строки, которая будет в полученном совпадении
• (?=\w+")- Смотрим вперед для символов слова, за которыми следует " `

Имейте в виду, что взгляд сзади довольно новый. Он работает в современных версиях V8 (включая Chrome, Opera и Node), но не в большинстве других сред , по крайней мере, пока. Таким образом, хотя вы можете надежно использовать lookbehind в Node и в своем собственном браузере (если он работает в современной версии V8), он еще недостаточно поддерживается случайными клиентами (как на общедоступном веб-сайте).

Небольшое улучшение в ответе Мэтью может быть предвкушением вместо последней группы захвата:

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

Или вы можете разделить десятичную дробь и присоединиться к вашему новому идентификатору, например так:

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

Пример / тест здесь: https://codepen.io/jogai/full/oyNXBX

С двумя группами захвата было бы также возможно; Я бы также добавил две черточки, как дополнительные левую и правую границы, до и после цифр, и измененное выражение выглядело бы так:

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

Если вы хотите изучить / упростить / изменить выражение, это было объяснено на верхней правой панели regex101.com . Если вы хотите, вы также можете посмотреть в этой ссылке , как она будет сопоставляться с некоторыми примерами входных данных.

RegEx Circuit

jex.im визуализирует регулярные выражения:

Более простой вариант - просто захватить цифры и заменить их.

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

Ресурсы

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