Ben önce ve sonra dize HTML kodu var:
name="some_text_0_some_text"Ben gibi bir 0şey ile değiştirmek istiyorum:!NEW_ID!
Bu yüzden basit bir normal ifade yaptım:
.*name="\w+(\d+)\w+".*Ama sadece ele geçirilen bloğun nasıl değiştirileceğini göremiyorum.
($ 1) gibi yakalanan bir sonucu başka bir dizeyle değiştirmenin bir yolu var mı?
Sonuç:
name="some_text_!NEW_ID!_some_text"Yanıtlar:
Bir çözüm, önceki ve sonraki metin için yakalama eklemektir:
str.replace(/(.*name="\w+)(\d+)(\w+".*)/, "$1!NEW_ID!$3")$, bu nedenle ilk kelime (\w+)bir gruptadır $1ve orta kısım (\d+)ikinci gruptur (ancak yerine yok sayılır) ve üçüncü grup $3. Dolayısıyla, değiştirme dizesini verdiğinizde, "$1!new_ID!$3"$ 1 ve $ 3 otomatik olarak birinci grup ve üçüncü grupla değiştirilir ve 2. grubun yeni dize ile değiştirilmesini sağlar ve onu çevreleyen metni korur.
Artık Javascript'in ( ES2018'den itibaren ) geriye baktığına göre , daha yeni ortamlarda, bu gibi durumlarda gruplardan tamamen kaçınabilirsiniz. Aksine örnek olarak geriye dönük sen yakalama edildi grubun önce gelir ve lookahead için sonra gelir ve ile değiştirin ne için sadece !NEW_ID! :
const str = 'name="some_text_0_some_text"';
console.log(
str.replace(/(?<=name="\w+)\d+(?=\w+")/, '!NEW_ID!')
);Bu yöntemle, tam eşleme yalnızca değiştirilmesi gereken bölümdür.
(?<=name="\w+)- Sonradan name"kelime karakterleri (Neyse ki, geriye bakışların Javascript'te sabit genişliğe sahip olması gerekmez!)\d+ - Bir veya daha fazla basamağı eşleştirin - desenin bir arama alanında olmayan tek kısmı, dizenin elde edilen eşleşmede bulunacak tek kısmı(?=\w+")- Kelime karakterleri ve ardından "
`Gözünüzün oldukça yeni olduğunu unutmayın. V8'in modern sürümlerinde (Chrome, Opera ve Node dahil) çalışır, ancak en azından henüz diğer ortamlarda çalışmaz. Bu nedenle, Nob'da ve kendi tarayıcınızda (V8'in modern bir sürümünde çalışıyorsa) lookbehind'i güvenilir bir şekilde kullanabilmenize rağmen, henüz rastgele istemciler (genel bir web sitesinde olduğu gibi) tarafından yeterince desteklenmemektedir.
\d+, değil mi?
match => match * 2. Rakamlar hala tüm maç, bu yüzden gruplara gerek yok
Matthew'in cevabındaki küçük bir gelişme, son yakalama grubu yerine bir ileriye doğru olabilir:
.replace(/(\w+)(\d+)(?=\w+)/, "$1!NEW_ID!");Veya ondalık sayıya bölünebilir ve yeni kimliğinizle şu şekilde katılabilirsiniz:
.split(/\d+/).join("!NEW_ID!");Örnek / Burada karşılaştırma: https://codepen.io/jogai/full/oyNXBX
İki ele geçirme grubu ile de mümkün olurdu; Ayrıca, basamaklardan önce ve sonra ek sol ve sağ sınırlar olarak iki tire eklerdim ve değiştirilen ifade şöyle görünürdü:
(.*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);İfadeyi keşfetmek / basitleştirmek / değiştirmek istiyorsanız, ifadenin sağ üst panelinde açıklanmıştır. regex101.com'un açıklanmıştır . İsterseniz, bu bağlantıda bazı örnek girdilerle nasıl eşleşeceğini de izleyebilirsiniz .
jex.im düzenli ifadeleri görselleştirir:
Daha basit bir seçenek, sadece rakamları yakalamak ve değiştirmek.
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);