Javascript: Text Replace for multiple strings in array?

Question

I have an array with Twitter hashtags. And I want to filter a string tw.text for those hashtags and wrap the words in a span

var hashtags = new Array("home","car", "tree");

tw.text.replace('#home', '<span class="hash">#home</span>')

How would I do that?

Thank you in advance.

Explosion Pills · Accepted Answer · 2013-03-10 18:21:11Z

4

hashtags.forEach(function (elem) {
    tw.text = tw.text.replace('#' + elem, '<span class="hash">#' + elem + "</span>");
});

This does not account for tags that contain other tags which could lead to duplicate replacement.

answered Mar 10, 2013 at 18:21

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

matt Over a year ago

Perfect, thank you, is there also a simple way to check for the "uppercase" version of the words as well? Like HOME, CAR, TREE?

Explosion Pills Over a year ago

I think you could use new RegExp('#' + elem, 'i') and then .replace(regexp, '<span...>#\0</span>')

Billy Moon · Accepted Answer · 2013-03-10 18:29:25Z

3

I would build a regex to do the replacements like this...

var hashtags = new Array("home","car", "tree");

var rex = new RegExp("#("+hashtags.join("|")+")",'g')

tw.text.replace(rex, '<span class="$1">#$1</span>')

Regex ends up being #(thing|another|etc...) so all replacements are done in one pass.

answered Mar 10, 2013 at 18:29

Billy Moon

58.9k27 gold badges148 silver badges244 bronze badges

2 Comments

matt Over a year ago

Thank you, see my comment on the other answer. In a rex the check for the pure uppercase version should be easier i guess. However I have no idea how to?

Billy Moon Over a year ago

well, the i switch makes the regex case insensitive, meaning it matches HoMe and home and HOME. You would add the flag to the second parameter, which already sets the g for global flag, when building the regex... new RegExp('...','gi')

Collectives™ on Stack Overflow

Javascript: Text Replace for multiple strings in array?

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related