Find exact string and replace or join them

Question

var theText='Ohhhh #ohhh #oh #ohh #ohhhh ohhh oh'

what I want to achieve is for each "oh" with a pound/hashtag would be replaced with a link.

What I want to achieve:

"Ohhh <a href='/'>#ohhh</a>
      <a href='/'>#oh</a>
      <a href='/'>#ohh</a>
      <a href='/'>#ohhhh</a>
      ohhh oh

http://stackoverflow.com/help/how-to-ask – Hkachhia Aug 25 '14 at 12:00 — Hkachhia, Aug 25 '14 at 12:00

score 1 · Accepted Answer · answered Aug 25 '14 at 12:03

1

Try the snippet below

var s = "Ohhhh #ohhh #oh #ohh #ohhhh ohhh oh";
var p = /(#[^\s]+)/g;
s.replace(p, "<a href='/'>$1</a>");

Output:

"Ohhhh <a href='/'>#ohhh</a> <a href='/'>#oh</a> <a href='/'>#ohh</a> <a href='/'>#ohhhh</a> ohhh oh"

Demo

answered Aug 25 '14 at 12:03

hex494D49

9,109
3
38
47

Mritunjay · Answer 2 · 2014-08-25T12:14:30.397

I got something using map native function like bellow.

var theText='Ohhhh #ohhh #oh #ohh #ohhhh ohhh oh';
var words = theText.split(' ');
var newWords = words.map(function(part){
        if(part.indexOf('#')==0)
            return "<a href='/'>"+part+"</a>\n";  //\n is because you want line breaks in those words
        else
            return part+" ";
});

var newText = newWords.join('');
console.log(newText);

DEMO

If you want to use it in HTML you can use <br> at the place of \n.

NOTE:- map doesn't work on IE8 there you have to use some libraries.

Find exact string and replace or join them

2 Answers2