Я маю 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")$, тому перше слово (\w+)знаходиться в групі і стає $1, середня частина (\d+)- другою групою, (але отримує ігнорується заміною), а третя група - $3. Отже, коли ви даєте рядок заміни "$1!new_ID!$3"$ 1 і 3 $ автоматично замінюються першою групою та третьою групою, дозволяючи 2-й групі замінити нову рядок, зберігаючи текст, що її оточує.
Тепер, коли 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 name", за яким слід слова символів (на щастя, lookbehinds не повинні фіксувати ширину в Javascript!)\d+ - Збіг однієї чи кількох цифр - єдина частина шаблону, що не знаходиться навколо, єдина частина рядка, яка буде в отриманому збігу(?=\w+")- Шукати символів слова з наступним символом "
`Майте на увазі, що погляд позаду досить новий. Він працює в сучасних версіях V8 (включаючи Chrome, Opera та Node), але не в більшості інших середовищ , принаймні, поки що. Отже, хоча ви можете надійно використовувати перспективу в Node та у власному браузері (якщо він працює на сучасній версії V8), він ще недостатньо підтримується випадковими клієнтами (наприклад, на загальнодоступному веб-сайті).
\d+ , правда?
match => match * 2 . Цифри залишаються цілим матчем, тому для груп немає потреби
Невелике вдосконалення відповіді Метью могло б стати головою замість останньої групи захоплення:
.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 . Якщо ви хочете, ви також можете подивитися за цим посиланням , як це буде відповідати деяким зразкам даних.
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);