How to highlight all specific characters given, with regex in javascript? [duplicate]

Question

Let's consider a constant main which is defined something as :

const main = "Work on $ @ & but not 1 2 3";

Now, a function named as parse() which is used as :

const final = parse(main);
alert(final); // Work on <b>$</b> <b>@</b> <b>&</b> but not 1 2 3

So, we find that the special characters i.e $, @ and &, have been updated with some html. So, firstly I tried to make the parse function, which seemed like this :

const parse = (val) => {
  val = val.replace(/\$/gim, "<b>$</b>").replace(/@/gim, "<b>@</b>").replace(/\&/gim, "<b>&</b>");
  return val;
}:

My code works but lastly I realised that I have to write a lot of code if I have to give support for all characters ! So, is there any shorcut ?

Yousername · Accepted Answer · 2019-12-28 14:46:48Z

0

Use | which means "or" and use $& which means the matched string.

const main = "Work on $ @ & but not 1 2 3";

const parse = (val) => {
    val = val.replace(/\$|@|&/gim, "<b>"+"$&"+"</b>");
      return val;
    };

    const final = parse(main);
    alert(final); // Work on <b>$</b> <b>@</b> <b>&</b> but not 1 2 3

edited Dec 28, 2019 at 14:46

answered Dec 28, 2019 at 14:46

Yousername

1,0126 silver badges16 bronze badges

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

1 Comment

T.J. Crowder Over a year ago

This is an often asked duplicate. It doesn't need an answer, just a close vote (when you can) and if necessary a comment.

Collectives™ on Stack Overflow

How to highlight all specific characters given, with regex in javascript? [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related