Regex Javascript: come mettere in grassetto parole specifiche con regex?

Question

Dato un ago e un mucchio di fieno ... Voglio mettere delle etichette in grassetto attorno all'ago. Quindi quale espressione regex dovrei usare con replace()? Voglio spazio per essere il delimitatore e voglio la ricerca sia case insensitive

così dicono che l'ago è "mucca" e il pagliaio è

cows at www.cows.com, milk some COWS 

si trasformerebbe in

<b>cows</b> at www.cows.com, milk some <b>COWS</b> 

anche parole chiave devono essere in grado di avere spazi in esso, quindi se la parola chiave è "chi è mgmt" ...

great band. who is mgmt btw? 

sarebbe trasformarsi in

great band. <b>who is mgmt</b> btw? 

Grazie

Answer 1

Ecco una regex di fare quello che stai cercando:

(^|\s)(cows)(\s|$) 

In JS, la sostituzione è in questo modo:

myString.replace(/(^|\s)(cows)(\s|$)/ig, '$1<b>$2</b>$3'); 

avvolto ordinatamente in una funzione riutilizzabile:

function updateHaystack(input, needle) { 
    return input.replace(new RegExp('(^|\\s)(' + needle + ')(\\s|$)','ig'), '$1<b>$2</b>$3'); 
} 

var markup = document.getElementById('somediv').innerHTML; 
var output = updateHaystack(markup, 'cows'); 
document.getElementById('somediv').innerHTML = output; 

Answer 2

findstring: /(^|\s)(cows)(\s|$)/ig 
newstring: '$1<b>$2</b>$3' 

I marcatori \ b sono per "confini parola"; i flag/ig sono rispettivamente per ignorare il caso e corrispondenza globale.

L'utilizzo delle() acquisizioni e quindi $ 1/$ 2/$ 3 nel nuovo testo di stringa è in modo tale che le maiuscole e le spaziature di qualsiasi cosa sia stata abbinata verranno mantenute.

Answer 3

var needle = 'cows'; 

var regexp = new RegExp('(^|\s)('+needle+')(\s|$)', 'ig'); 

var old_string = 'cows at www.cows.com, milk some COWs'; 

var new_string = old_string.replace(regexp, '<b>$1$2$3</b>'); 

Answer 4

Per coloro che non amano t SPAZIO come delimitatore, semplicemente non utilizzare \s.

function updateHaystack(input, needle) 
{ 
return input.replace(new RegExp('(^|)(' + needle + ')(|$)','ig'), '$1<b>$2</b>$3'); 
} 

Ha funzionato per me.